Themes
Recolour a finished page. Keep the kit.
The same Free landing under default tokens and an L1 brand pack. Markup does not change.
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 Free page, two looks
Default tokens beside an L1 pack on the Free landing. Open either pane full-size, or the homepage proof.
Open site brand preview for light and dark ยท Copy-ready L1 specimen
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.