Style Guide

Global styles, typography, colors, and core components that create a consistent visual system across the entire site.

Typography

Heading H1

Aa Bb Cc

Size:
104px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Heading H2

Aa Bb Cc

Size:
80px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Heading H3 (L)

Aa Bb Cc

Size:
40px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Heading H3 (S)

Aa Bb Cc

Size:
28px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Heading H4

Aa Bb Cc

Size:
24px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Heading H5
Aa Bb Cc
Size:
20px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Heading H6
Aa Bb Cc
Size:
18px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Text Display (L)
Aa Bb Cc
Size:
264px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Text Display (M)
Aa Bb Cc
Size:
60px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Text Display (S)
Aa Bb Cc
Size:
24px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Text Logo
Aa Bb Cc
Size:
48px
Line Height:
100%
Letter Spacing:
-0.01em
Weight:
Regular
Text Body (L)
Aa Bb Cc
Size:
18px
Line Height:
144%
Letter Spacing:
-0.01em
Weight:
Medium
Text Body (M)
Aa Bb Cc
Size:
14px
Line Height:
144%
Letter Spacing:
-0.01em
Weight:
Medium
Text Body (S)
Aa Bb Cc
Size:
10px
Line Height:
144%
Letter Spacing:
-0.01em
Weight:
Medium
Text Emphasis (L)
Aa Bb Cc
Size:
18px
Line Height:
100%
Letter Spacing:
-0.02em
Weight:
Bold
Text Emphasis (M)
Aa Bb Cc
Size:
14px
Line Height:
100%
Letter Spacing:
-0.02em
Weight:
Bold
Text Handwritten (L)
Aa Bb Cc
Size:
21px
Line Height:
104%
Letter Spacing:
0em
Weight:
Regular
Text Handwritten (S)
Aa Bb Cc
Size:
16px
Line Height:
104%
Letter Spacing:
0em
Weight:
Regular

Color Palette

Core colors

White
Black
Accent

Opacity colors

White / 60
White / 20
White / 10
Black / 60
Black / 10

Buttons

Primary Button (Black)
Explore the menu
Primary Button (White)
Explore the menu
Secondary Button (Black)
Explore the menu
Secondary Button (White)
Explore the menu
Good coffee
No coffee snobbery
Cold matcha
Oat milk, no drama
Fresh bakes
Pastries before problems
Big smiles
Good coffee
No coffee snobbery
Cold matcha
Oat milk, no drama
Fresh bakes
Pastries before problems
Big smiles