Appearance

One signature design, first-class light and dark.

The whole interface is driven by CSS variables. Use the toggle in the nav, click a card below, or set APP_THEME in .env to auto (follow the visitor's system), light, or dark.

Default Dark Deep warm charcoal, atmospheric gradient mesh, and an ember accent that glows. APP_THEME="dark" Bright Light Warm off-white, generous space, soft shadows, and the same ember accent. APP_THEME="light"

Accent palette

Pick your primary colour.

Twenty curated palettes — vibrant, neon, pastel, neutral — that recolour the whole UI (buttons, links, glows, gradient mesh, even your emails). Click to preview, then set APP_ACCENT in .env to lock it in. The default ember stays if you leave it blank.

Type presets

Change the whole personality in one line.

Six display + body pairings, chosen to feel like different products — not different weights of the same one. Click a pairing to preview it on this page. Set FONT_PRESET in .env to apply it across your site; every heading, button and number follows. Code stays in JetBrains Mono.

Your combination

A look that feels like your product.

This uses the real heading, text and button styles. Copy these settings into your .env when you are happy with the combination.

Get started →

APP_THEME="dark"
APP_ACCENT=""
FONT_PRESET="ember"