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.
Open full preview for light and dark
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.