Themes & styling

Every widget can be styled to match your brand in seconds. Start from a theme preset, then fine-tune with overrides if you want more control. Backgrounds are transparent by default, so a widget blends into whatever page it sits on.

Theme presets

Pick a preset from the Theme dropdown in any widget’s editor. It sets a coordinated look — colours, corners, and type — in one click.

Preset	Vibe
Clean · Trust blue	Calm, professional — finance / SaaS default
Clean · Forest	Fresh, natural — wellness / eco
Clean · Slate	Neutral, understated — B2B
Clean · Gold	Warm, premium — high-ticket
Midnight (dark premium)	Sleek dark mode for bold pages
Editorial (warm serif)	Magazine-style, content-led brands
Bold pop (high energy)	Bright, punchy, attention-grabbing — great for promos and gamified widgets

Tip

Bold pop is the high-energy look used across these docs’ screenshots — it works especially well for spin-to-win wheels, countdowns, and flash-sale offers where you want to grab attention.

Theme overrides

Want to go further than a preset? Theme overrides let you replace individual parts of the look without abandoning it. Each colour is a colour picker — leave one blank to keep the preset’s value:

• Accent — buttons, sliders, links, and highlights.
• Background and Card / panel background — the widget’s surfaces.
• Text and Muted text — body copy versus the quieter labels and fine print.
• Borders — card and divider lines.
• Button text — the label colour on the main call to action.
• Corner radius — from sharp/square to fully rounded.
• Font family — the overall typeface for the widget.

Anything you don’t override simply inherits from the chosen preset. (Not every widget exposes every one — a calendar shows the colours it uses, a calculator the colours it uses.)

Headline placement

A widget’s headline keeps a simple alignment control — left / center / right, or inherit. Its colour, size, weight, and font all come from the theme, so you style the whole widget in one place and everything stays visually consistent.

Blending into your page

Widget backgrounds default to transparent, so a widget takes on your page’s background instead of sitting in a mismatched box. Set explicit colours only when you want the widget to stand out as its own card.

A good styling workflow

1. Pick the preset closest to your brand.
2. Set the accent to your brand colour.
3. Override other colours (background, text, borders) and corner radius only if needed.
4. Set the headline alignment to taste.
5. Watch the live preview — it renders exactly what visitors will see.