Style guide
Typography
Display text
Satoshi Black 96 / 0.9, uppercase
Heading 1
Satoshi Bold 96 / 0.9
Heading 2
Satoshi Bold 72 / 0.9
Heading 3
Satoshi Bold 64 / 0.9
Heading 4
Satoshi Bold 48 / 1.1
Heading 5
Satoshi Bold 36 / 1.1
Heading 6
Satoshi Bold 28 / 1.1
Captions / tag
Satoshi Bold 14 / 1.4, uppercase
Paragraph 1—We design and build impactful digital products that help ambitious businesses innovate, grow, and stand out.
Paragraph 2—Body copy for cards, lists and articles. Calm, readable and generous with its line height, so long reads stay easy on the eyes from the first line to the last.
Paragraph 3—Small print for notes, captions under images, form hints and all the fine details that support the main message without competing with it for attention.
Colours
- #F0F3F5Surface, CSS variable --surface
- #B2B2BDMuted, CSS variable --muted
- #4B4B58Text, CSS variable --text
- #1D1D20Ink 3, CSS variable --ink-3
- #141415Ink 2, CSS variable --ink-2
- #09090CInk, CSS variable --ink
- #BEF202Lime, CSS variable --lime
Icons
- arrow
- behance
- check
- chevron
- close
- dribbble
- menu
- minus
- next
- play
- play-sm
- plus
- prev
- quote
- star
- x
Brand
