7:35 PM

Style Guide

Edit these styles and UI elements here and the changes will be reflected throughout the library.

Typography

Heading

Neue Kabel Black

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

Font size: 64px / 4rem | Line height: 120%

Heading 1

Font size: 48px / 3rem | Line height: 120%

Heading 2

Font size: 40px / 2.5rem | Line height: 120%

Heading 3

Font size: 32px / 2rem | Line height: 130%

Heading 4

Font size: 24px / 1.5rem | Line height: 140%

Heading 5

Font size: 20px / 1.25rem | Line height: 140%

Heading 6

Sub-Heading

Font size: 18px / 1 rem | Line height: 126%

Subheader

Display

Font size: 128px / 8rem | Line height: 105%

Display Font

Font size: 96px / 6rem | Line height: 120%

Display Font 2

Body Copy

Space Grotesk Regular

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*()

Font size: 20px / 1.25rem
Line height: 150%

Text large

Bold

Text large

Medium

Text large

Normal

Text large

Light

Font size: 18px / 1.125rem
Line height: 150%

Text medium

Bold

Text medium

Medium

Text medium

Normal

Text medium

Light

Font size: 16px / 1rem
Line height: 150%

Text regular

Bold

Text regular

Medium

Text regular

Normal

Text regular

Light

Font size: 14px / 0.875rem
Line height: 150%

Text small

Bold

Text small

Medium

Text small

Normal

Text small

Light

Font size: 12px / 0.75rem
Line height: 150%

Text tiny

Bold

Text tiny

Medium

Text tiny

Normal

Text tiny

Light

68 34th Street Building 6,
Brooklyn , New York