Skip to main content
brickwork
GitHub Log in Get started
Display
Theme
Density
Direction
Brand

Themes

Recolour a finished page. Keep the kit.

The same Free page under Kiln and Slate. Tokens change. Markup does not.

How theming works

Four plain steps. Same components at every step; only the look changes.

Colour and type

You control the pigments and fonts the whole kit reads from.

Light and dark

Switch appearance (and density if you need it) without a second component set.

Your brand

Apply your look once; buttons, forms and pages pick it up together.

Live preview

Try another look on the same UI before you commit a rebuild.

Brand packs

Ready-made faces you can try. Kiln is this site. Open the live preview to switch light and dark.

Kiln

This site. Warm accent on a clear canvas.

Slate

Cool grey for product and ops surfaces.

Sage

Soft green for calmer editorial looks.

Indigo

Blue accent when you want a sharper signal.

Same page, two brands

A Free page under Kiln and under Slate. Open the full Free homepage, or the preview for light and dark.

Kiln
Slate

Need token tables? Theming guide in Docs

Copy a page under this look.

Templates stay the shop. Docs theming shows how to author a pack.