Themes, colours, and corner radius

The six presets, what each colour controls, and how to match your own brand.


A theme is set once per funnel and applies to every page. There is no per-page styling, which is deliberate — it makes it very hard to build something that looks inconsistent.

The six presets

Theme Character
EditorialNear-white with a deep purple accent. Soft, generous corners.
WarmCream and orange. Approachable, good for consumer offers.
OceanDark navy with cyan. High contrast, reads as technical.
ForestDeep green with emerald. Confident and calm.
MinimalLight grey with black. Neutral; gets out of the way.
RoseSoft pink with a rose accent. The most rounded of the set.

What each colour controls

Colour Applies to
BackgroundThe page behind everything
TextHeadings and answer text
PrimaryButtons, selected options, the progress bar, the logo badge

Primary is the one that matters most. It is the colour of every action, so it should be the colour your audience already associates with you.

Matching your brand

  1. 1 Start from the preset closest to your brand rather than from scratch.
  2. 2 Set Primary to your brand colour first, and check the button still reads clearly.
  3. 3 Adjust Background only if the preset genuinely clashes — a near-white background nearly always converts better than a saturated one.
  4. 4 Use the radius slider to match how rounded your own site is.