Header Area

Design System

Global Colors

For reference only. Set up via Bricks Color Palette.
Brand 1
Brand 2
Brand 3
Brand 4
Accent 1
Accent 2
Gradient 1
Gradient 2
Black
White
Medium
Disabled
Dark 1
Dark 2
Light 1
Light 2
Link Color
Link Hover
Form Borders
Placeholders

Typography

For reference only. Set up via Bricks Global Settings & PDMS Font-Size Variables.

H1 Sample Heading

H2 Sample Heading

H3 Sample Heading

H4 Sample Heading

H5 Sample Heading
H6 Sample Heading
Body 1 Sample Text
Body M Sample Text
Body L Sample Text

Buttons

For reference only. Set up via Custom Classes.
Button Styles preview:
Button Sizes Preview: