Themes and palettes
12 themes and 20 palettes to combine before any custom CSS.
By line of business
Feature · Branding & themes
Choose from 12 themes and 20 colour palettes, set your own fonts, decide between light, dark or automatic mode, and finish with custom CSS. Then decide how definitions, sharing and your disclaimer appear.
Every calculator's look is set in the dashboard. Themes control structure and effects, palettes control colour, and you can load custom fonts, choose light, dark or automatic mode, and add custom CSS. Content settings sit alongside: the plain-language definitions block, share and print options, and the disclaimer text visitors see under the result.
How it works, step by step
Pick one of 12 themes for layout, spacing and effects.
Choose from 20 palettes, or the one closest to your brand colours.
Load your brand fonts and pick light, dark or auto to follow the visitor's device.
Adjust borders, radii or button styles with custom CSS where the presets stop.
Set the definitions display and the disclaimer wording your compliance contact approved.
What you get
12 themes and 20 palettes to combine before any custom CSS.
Follow the visitor's device setting or fix one mode.
Match the calculator to your site's typography.
Write line-specific fine print that appears with every result.
Off, collapsed, expanded or tabbed, per calculator.
A calculator that looks bolted on reads as a third-party tool, and visitors hesitate to hand their income and debts to a stranger. One that matches your fonts, colours and tone reads as your agency's own advice. That trust is what turns a finished calculation into a submitted lead with real contact details.
It also helps you stand apart from agency sites that are little more than a carrier logo strip and a quote button. A well-branded calculator is a piece of your service, not an advert for someone else's.
Almost everything visual. Themes change structure and effects; palettes change colour; custom fonts change type; the mode setting chooses light, dark or automatic. Custom CSS covers the rest. Because the calculator renders in its own isolated container, these changes stay inside the calculator and never alter your website's styles.
Turn definitions on for any line with jargon, such as human life value, elimination periods or surrender charges. Collapsed suits short pages; a tab suits long calculators. For the disclaimer, state that results are estimates and not quotes, offers or advice, and add anything your carriers or compliance contact require for that line.
For annuity calculators, note that annuity sales are subject to state suitability or best-interest rules and that variable annuities are securities. For pages aimed at people approaching 65, keep the content educational and plan-neutral. Our compliance overview covers the common cases; it is not legal advice.
All features
Every lead arrives with the inputs and results the visitor entered, so the first call starts at question five.
Each lead is posted as JSON to a webhook you paste in: HighLevel, Zapier, Make or any HTTPS endpoint.
One div and one script puts a calculator on any agency website or HighLevel funnel, isolated from your site's styles.
Bundle several calculators into one embed: a floating launcher, tabs, popup buttons or a card grid.
FAQ
Answers first, details after.
Start with the closest of the 20 palettes, then use custom CSS to set exact colours where you need them. Check that text and buttons still have enough contrast to stay readable.
Yes. Choose light, dark, or auto, which follows the visitor's device setting. Auto is a good default if your own site switches modes.
No. The calculator runs in an isolated container, so CSS you add in the dashboard applies only inside the calculator, and your site's CSS cannot reach in.
Yes. Each calculator shows a disclaimer under the result and you can edit it. Keep the core point that results are estimates, not quotes or offers of coverage, and add your line- or carrier-specific requirements.
It explains the calculator's terms in plain language, such as what a discount rate or self-consumption percentage means. You can switch it off, show it collapsed or expanded, or put it in a tab.
Yes. Share lets them copy a link or send it to a friend, and print produces a clean copy of the result. Shares and views are counted, which shows you which calculators people pass around.
Themes, palettes and modes are part of the calculator builder. Removing the "powered by" badge is a white-label feature on the Agency and Enterprise plans.
Yes. Each calculator or widget carries its own theme and palette, so a marketer running several agency sites can give each its own branding.
InsuranceQuoteWidget
/ Press / to search
Theme
Colour palette
Text size
Saved on this device