
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
Brief Us
68 34th Street Building 6,
Brooklyn , New York