Logo & Colors
2 min read
Customize the calculator's appearance with your firm's branding.
Overview
On the Pro plan, you can customize the calculator widget and branded PDF reports with your firm's logo, firm details, and brand colors. These settings flow through the live embed, results view, lead capture styling, and PDF output so the experience stays consistent from website to download.
Custom branding is a Pro plan feature. Upgrade to Pro to enable it.
Setting Your Logo
Navigate to Branding Settings
Go to Settings > Branding in the portal.
Upload your logo
Click Upload Logo and select an image file. Supported formats:
- PNG (recommended for logos with transparency)
- JPG/JPEG
- SVG
Recommended size: 400×100 pixels or wider. The logo will be scaled proportionally.
Preview and save
Preview how your logo looks on the calculator and PDF, then click Save. You do not need to paste a new embed snippet after updating branding.
Setting Brand Colors
In Settings > Branding, you can set:
| Color | Where It's Used |
|---|---|
| Primary color | Buttons, links, headings, active states |
| Secondary color | Secondary text, panels, dividers, supporting UI |
| Accent color | Highlights, progress indicators, emphasis moments |
Enter colors as hex values (for example, #1a365d) or use the color picker.
PDF-specific presentation controls such as the report header, footer text, QR code, orientation, template style, and disclaimer are managed in Settings > PDF Reports and Settings > PDF Export.
Where Branding Appears
Your custom branding is applied to:
- Embedded calculator widget — Logo and colors on the form
- Results page — Your branding on the fee breakdown
- Branded PDF reports — Logo in the header, colors for accents, firm details in the footer, and QR/disclaimer settings where enabled
- Lead capture form — Consistent styling with your brand after the visitor reaches results
Removing Branding
To remove custom branding and revert to the default Made For Law styling, go to Settings > Branding and click Reset to Default.