Style Guide

Styles, typography, color, images... all the available styles to customize the site.
Typography
Global Classes
Text 9xl
Font size: 128px
Line height: 128px
Letter spacing: 0px
Weights: Regular, Medium, Bold
Text 8xl
Font size: 96px
Line height: 96px
Letter spacing: 0px
Weights: Regular, Medium, Bold
Text 7xl
Font size: 72px
Line height: 72px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text 6xl
Font size: 60px
Line height: 60px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text 5xl
Font size: 48px
Line height: 52px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text 4xl
Font size: 36px
Line height: 40px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text 3xl
Font size: 30px
Line height: 36px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text 2xl
Font size: 24px
Line height: 32px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Texl xl
Font size: 20px
Line height: 28px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text Large
Font size: 18px
Line height: 28px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text Base
Font size: 16px
Line height: 24px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text Small
Font size: 14px
Line height: 24px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text XS
Font size: 12px
Line height: 16px
Letter spacing: -0.5px
Weights: Regular, Medium, Bold
Text alignment
Text align left
Text align center
Text align right
Bullets & Lists
  1. Item 1
  2. Item 2
  3. Item 3
  • Item A
  • Item B
  • Item C
Styling Classes
Block quote

Text link

Buttons
Variants
Free download
Style: Primary
States: Default, Hover, Focused
Free download
Style: Secondary
States: Default, Hover, Focused
Free download
Style: Brand
States: Default, Hover, Focused
Colors
Neutral Grey
50
100
200
300
400
500
600
700
800
900
950
Cream
50
100
200
300
400
500
600
700
800
900
950
States
500
500
500
Forms
Default Input Form
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.