The 8 themes — and when to use each
| Theme | Best for |
|---|---|
| Dark Gold ★ Recommended | Sales pages · premium offers · cinematic feel |
| Light Editorial | Clean, magazine-style content. Trust-led offers. |
| Cream Magazine | Warm tone. Courses, books, info products. |
| Navy Pro | B2B SaaS, agency pages, enterprise feel. |
| Pure White | Minimal SaaS, modern startups, design tools. |
| Forest | Wellness, fitness, mental health, sustainability. |
| Sunset | Bold, energetic offers. Coaches, transformations. |
| Royal | High-ticket coaching, luxury, premium mentorship. |
How it works under the hood
The Builder finds-and-replaces every theme-color hex code in your canvas HTML and CSS. The 9 color slots are:
- Background (main page color)
- Surface (card backgrounds)
- Surface 2 (alt cards)
- Input Background
- Text (primary)
- Text 2 (body)
- Muted (secondary text)
- Accent (main brand color)
- Accent 2 (gradient end)
The UNDO pill
After every theme swap, a slim white pill appears at the bottom: "✨ Theme: [Name] · ↶ UNDO". Click UNDO to instantly revert. Auto-dismisses after 15 seconds.
🎨 Pro tip: Don't keep switching themes hoping for a "best" one. Pick a theme that matches your audience's expected aesthetic (B2B = Navy or White, wellness = Forest, luxury = Royal). Commit. Test conversions. Switch only if real data tells you to.
Custom colors per element
For granular control beyond the 8 themes — click any element, the right Style Manager panel lets you tweak background, typography, border, and spacing per element. Use this for accent buttons, single sections, etc.