Brand colours & fonts
Set the brand colour once
Open the Style panel and you'll see your colour palette. The first slot is Brand — your primary colour, and the one everything else is derived from.
Pick it, and Brickser generates a full ramp of shades from it automatically: light tints for backgrounds, deep tones for text, and the mid-range for buttons and links. You choose one colour; the rest of the site stays consistent on its own.
Additional colour slots
Need more than one? Select Add Scheme and you get Scheme 1, Scheme 2, and so on — each with its own ramp.
Use these for accent colours, a secondary brand colour, or category colours. Sections that call for a second colour pick these up automatically.
You can drag slots to reorder them, and Reset to auto puts a shade back to its derived value if you've overridden it by hand.
Fonts
Under Font you set the typefaces for headings and body text. Use the search box to filter — start typing and the list narrows.
For each, you can adjust:
- Weight
- Line height
- Letter spacing
Changes apply across the whole site, not the current page. Set them once and every section follows.
Light and dark
The Theme control switches between light and dark. Because sections are built on the colour variables rather than fixed hex values, the whole site flips — you don't restyle anything twice.
Style changes only become permanent when you press Bricks' Save button. That includes colour edits and deleting a brand colour. Reload the editor without saving and they're gone — this is deliberate, so an experiment never half-writes itself to your live site.
A note on hardcoded colours
If you paste a hex value directly onto an element, it stops responding to your brand settings and won't flip with the theme. Prefer the palette wherever you can.