Style Guide

Styles, typography, color, images... all the available styles to customize the site. All the changes you make here will be applied throughout the entire website.

Typography

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 align left

Text align center

Text align right

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Bold text

Emphasis

^Superscript

_Subscript

Buttons

Style: Primary

States: Default, Hover, Focused

Style: Secondary

States: Default, Hover, Focused

Style: Secondary

States: Default, Hover, Focused

Style: Brand

States: Default, Hover, Focused

Colors

50

100

200

300

400

500

600

700

800

900

950

50

100

200

300

400

500

600

700

800

900

950

500

500

500

Forms

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.