Clients · New

New client onboarding

Creates clients · branding · page content · pricing · integrations · assets

Step 1 of 6: Company

Identity + slug

Pull brand from website (optional)

Paste the contractor's marketing site and we'll detect their logo, favicon, colors, name, and phone. Color extraction now samples the logo, favicon, and OG image — not just the published theme-color meta.

Website URL

1. Company info

The basics that identify this client across the system.

Company name*Slug*Lowercase letters, numbers, dashes. Becomes /<slug>/instant-quote.PhoneEmailService area

Live preview

Updates as you type

Theme presets

Click a preset to apply a designer-picked palette — you can still fine-tune the individual colors below.

Readability problems

Main button text contrast is low (2.8:1). Pick a deeper or lighter button color so the label stays readable.

Design checks

The highlight / pop color blends into the dark section. Pick a brighter or more saturated accent so it actually adds a glow.

Header (on light)

Main button color + logo on white

Your Company

(555) 123-4567

Main button + hover state

Hover shows the auto-darkened tone

First chip = main button. Middle chip = the auto-darkened color shown on hover.

Cards / surfaces

Trust strip — pop color sits inside light cards

4.9 / 5 rating

1,200+ homeowners

Licensed & insured

Local, vetted crews

Warranty-backed

Material + labor

Dark CTA section

Pop color = highlight on dark backgrounds

Final CTA

Get your roof price in 60 seconds.

Your Company · No deposit · No obligation

Footer

Uses Footer color when set, otherwise Dark section

Your Company

Logo readability

Same logo on white vs. dark backgrounds

Your Company

Light surface

Your Company

Dark surface

Final palette (what the page will paint)

The auto-ranker may reassign your colors across roles based on which one is best suited to each job.

Main button#0ea5e9Primary call-to-action color

Button hover#0b81b6Auto-darkened from main button

Highlight / pop#0f766eUsed sparingly on dark sections

Dark section#0b5e58Final CTA background

Footer#0b5e58Footer background

Step 1 of 6. Save & Continue advances to the next step.