Typography
Fonts
Klutch Sans
Headings + Body
Geist Mono
Eyebrows + Buttons
Headings
Element
Element
Element
Element
Element
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
- Example Ordered List
- Example Ordered List
- Example Unordered List
- Example Unordered List
Color
Background
Blue
Light Blue
Dark Blue
Black
Black Secondary
Black Tertiary
Light Gray
White
White Secondary
White Tertiary
Text
Blue
Blue 600
Black
Black Secondary
White
White Secondary
Components
Buttons
Default
Default + Icon Right
Default + Icon Left
Secondary
Secondary + Icon Right
Secondary + Icon Left
Forms
Thank you for your submission!
Thank you for your submission!
Card
Default Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Small Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Prevent Style Clean Up
This is where you can store elements and classes used in custom code to prevent their classes/styles from being cleaned up.