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 1
Button 2
Button 3
Button Sizes Preview:
Min-W
Button SM
Button MD
Button LG
