Style guide · the buyer's map
How to skin this kit.
Three steps, no code. This page shows every raw ingredient so you always know what a token change will touch.
1. Retint the tokens
Open the theme and set your brand colors + fonts. Every button, card, chip and band updates at once — the greys below are semantic slots, not decoration.
2. Upload your images
Every crossed box and empty avatar on this site is a Live Controls image field. Upload a photo in the panel and that slot skins itself instantly.
3. Write your copy
All headlines, paragraphs, programs and reviews live in the Live Controls panel — edit them like a spreadsheet, publish when ready.
Display / heading font
Schibsted Grotesk 800
H2
Structure that survives any skin
Body / Inter
The quick brown fox jumps over the lazy dog — comfortable at long lengths.
Mono / spec details
ASPECT 4:5 · TOKEN DRIVEN · 48PX GRID
WfImage — any photo slot
WfVideo — media slots
WfAvatar — people
WfLogo — logo strips