Style Guide
Auto updated with JavaScript
Colors
Set all colors in Advanced Themer “Color Pallets”Â
Primary
Primary Colour should be the most dominant / Brand color
Below are 6 light and 6 dark variations
Action
Action is used if the Primary is not A11Y suitable. It should be a variation of Primary to improve color contrast
Below are 6 light and 6 dark variations
Secondary
Secondary Colour should be the next most dominant if the style calls for it.
Below are 6 light and 6 dark variations
Accent
Accent should be the least used color.
Below are 6 light and 6 dark variations
Shade
Shade is a neutral color.
Below are 6 light and 6 dark variations
Typography
Set all Typography in the active Bricks Builder Theme. All fonts are Google Fonts served locally unless otherwise specified.
Semantic HTML Typography
H1 heading
H2 heading
H3 heading
H4 heading
H5 heading
Class Based Typograpy
Hero heading
Lede heading
Clamp Font Sizes
Maybe there’s a happy little waterfall happening over here. You can create the world you want to see and be a part of. You have that power. We want to use a lot pressure while using no pressure at all. Let that brush dance around there and play.
Maybe there’s a happy.
Maybe there’s a happy.
Maybe there’s a happy little waterfall.
Maybe there’s a happy little waterfall.
Maybe there’s a happy little waterfall.
Maybe there’s a happy little waterfall.
Maybe there’s a happy little waterfall.