Calculators that look like
they were built for your site
Choose from twelve themes, from a plain ledger look to glass and dashboard layouts, each with light and dark modes, then apply your colors, fonts and corner radius.
Can the calculators match my firm's brand?
Yes. Each calculator takes your primary color, button color, background, text color, font and corner radius, and you can choose one of twelve themes with light, dark or automatic mode. Some themes are reserved for higher plans; the default theme is available on every plan.
Twelve themes, three families
Plain and professional
Ledger, minimal and compact: quiet layouts that suit conservative firm sites. Available on every plan.
Modern surfaces
Glass, neumorphic, aurora, editorial, image-backed and split-spotlight. Firm plan and above.
Showpiece
Depth, particles and dashboard layouts for feature pages. Network plan.
What you can change
- Primary, button, background, surface and text colors
- Font family and corner radius
- Light, dark or automatic mode
- Title, subtitle and button labels
- Field labels, defaults and help text
- Custom CSS for advanced tweaks
Accessibility first. Brand colors are applied with automatic contrast correction in dark mode, but check that your primary color works as a button on your chosen background. Our accessibility of embeds page has a short checklist.
Save your house style once
Save a theme with your palette and options, then apply it to every calculator and widget. Change it once and all embeds follow.
A typical house style
- Theme: ledger, light mode
- Primary: your logo's main color
- Font: your website's body font
- Radius: matching your buttons
Theme questions
How many themes are there?
Twelve, each with light and dark modes.
Are all themes on every plan?
Three are available on every plan; the rest require Firm or Network.
Can the calculator follow the visitor's dark mode?
Yes, choose automatic mode.
Can I use my own font?
Yes, from the font options or by naming a web font.
Will my site's CSS change the calculator?
No, it is isolated, which is why you set colors in the app.
Can I add custom CSS?
Yes, for advanced adjustments.
Do themes affect accessibility?
Colors you choose affect contrast; check them with the guidance on our accessibility page.
Can different pages use different themes?
Yes, per calculator or per widget.
No question matches that filter. Clear it to see them all, search the whole site, or ask us directly; we reply within one business day.
Next entry
Make it look like your firm built it
Pick a theme, apply your colors and preview it before you embed.
Firm and Network plans include a 14-day trial. Cancel before it ends and you pay nothing.