built from your brand
Logos
Each one on a light and a dark ground, because a kit usually holds a mark and its knockout and either can be the one you need.
Screens
Captures of Raycast's own product and pages. A film made here can show these rather than invent a screen that does not exist.
Colours
The palette as it is stored, name and value together, so the one you mean is the one that gets used.
- canvas#FFFFFF · background
- ink#434345 · text
- ink-soft#2F3031 · text
- ink-muted#9C9C9D · neutral
- surface#E6E6E6 · background
- surface-contrast#000000 · neutral
- accent#FF6363 · accent
- accent-2#59D499 · accent
- accent-3#56C2FF · accent
Type
Set in the faces their own site serves, at the sizes, weights and spacing the kit records.
Inter
- wordmark-mega154px · weight 700 · leading 0.92
- display154px · weight 600 · leading 1.05
- display-hero154px · weight 700 · leading 1
- heading-366px · weight 500
- heading66px · weight 400 · leading 1.17
- h166px · weight 600 · leading 1.1
- heading-250px · weight 500 · leading 1.2
- body39px · weight 400 · leading 1.2
- callout30px · weight 500 · leading 1.5
- cta-label30px · weight 500 · leading 1.2
- link30px · weight 500
- label30px · weight 400 · leading 1.23
JetBrains Mono
- body-small39px · weight 400
- code30px · weight 400 · leading 1.15