Customise your theme with design tokens

If your template supports presets, try Light, Bold, and Dark first and keep the one nearest the mood you want. Tokens are adjustments on top of a coherent starting point — starting close means fewer changes to manage.

In the Style tab, change the primary color token. Buttons, links, accents, and highlights update together — you're changing one value that the whole stylesheet references, not recoloring elements one at a time.

Pick something with personal meaning if you can defend it, but check it against both light and dark surfaces before committing.

The typography tokens scale headings and body text proportionally. Larger scales read bolder and more editorial; smaller scales read denser and more technical. A designer's portfolio and a backend engineer's portfolio legitimately want different settings here.

The spacing token controls the whitespace rhythm — more space feels premium and calm, less feels information-dense. Radius and shadow tokens set how soft the surfaces feel. Small moves compound: change one notch at a time and re-read the page.

The tokens you set aren't an editor trick — they ship in your export as CSS custom properties at the top of the stylesheet. Open the exported styles.css and you'll find them, named and documented, so post-export tweaks stay one-line changes.