Style Guide
Color
Base
Light
Dark
Neutral
Neutral Lightest
Neutral Lighter
Neutral Light
Neutral
Neutral Dark
Neutral Darker
Neutral Darkest
Style Guide
Font
Primary
BDO Grotesk
Style Guide
Typography
Display
Display LG
Display MD
Heading
Heading XL
Heading LG
Heading MD
Heading SM
Heading XS
Heading 2XS
HTML Heading
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Body
Body 4XL
Body 3XL
Body 2XL
Body XL
Body LG
Body MD
Body SM
Body XS
Label
Label LG
Label MD
Label SM
Label XS
Label 2XS
Heading
Heading 3XL
Heading 2XL
Heading XL
Heading LG
Heading MD
Heading SM
Heading XS
Heading 2XS
HTML Heading
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Body
Body 4XL
Body 3XL
Body 2XL
Body XL
Body LG
Body MD
Body SM
Body XS
Label
Label LG
Label MD
Label SM
Label XS
Label 2XS
Style Guide
HTML Tag
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo purus eu mi convallis porttitor. Donec vel bibendum lectus, non tempus odio. In metus metus, tincidunt eget augue id, hendrerit posuere mi.
Link
Block Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo purus eu mi convallis porttitor. Donec vel bibendum lectus, non tempus odio. In metus metus, tincidunt eget augue id, hendrerit posuere mi.
Unordered List
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
Ordered List
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
Style Guide
Richtext
Heading 1
Heading 2
Heading 3
Heading 4
Heading 6
Heading 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo purus eu mi convallis porttitor. Donec vel bibendum lectus, non tempus odio. In metus metus, tincidunt eget augue id, hendrerit posuere mi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo purus eu mi convallis porttitor. Donec vel bibendum lectus, non tempus odio. In metus metus, tincidunt eget augue id, hendrerit posuere mi.
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum