2 min read Last updated:
Bio Page themes
A theme is a small set of colour, type, and shape tokens that the public page and the live preview both read, so what you build is what visitors see.
Starter presets
The builder ships with starter palettes you can apply in one click and then adjust:
- Midnight - dark backdrop, indigo accent.
- Sunrise - warm cream backdrop, orange accent.
- Forest - deep green backdrop, green accent.
- Mono - near-white backdrop, near-black accent.
- Ocean - deep blue backdrop, sky accent.
Each preset maps onto the same theme tokens below, so a preset is just a starting set of values - nothing is locked once you apply it.
Theme tokens
| Token | Controls |
|---|---|
palette |
The named preset a page started from. |
background |
Page background colour. |
background_gradient |
An optional gradient backdrop. |
background_image |
An optional background image. |
surface |
The card/surface colour behind blocks. |
text |
Primary text colour. |
muted |
Secondary / muted text colour. |
accent |
Button and link accent colour. |
accent_text |
Text colour on accent surfaces. |
font |
The type family for the page. |
button_style |
Button shape: rounded, pill, square, or sharp. |
You do not have to set every token. Unset values fall back to sensible defaults, so a page with just a background and an accent still looks finished.
Keeping contrast readable
Because text sits on background and accent_text sits on accent, pick pairs with enough contrast - dark text on a light surface, light text on a dark accent. The preview makes mismatches obvious before you publish.