Brand Center

Set logos, colours, type and footer once, and every email, quote and customer page restyles to match.

The operating system for post-frame and barndominium builders.

Part of The Handover
What it is

Four blocks: Identity (three logo slots and your company name), Appearance (your accent and the colours under it), Customer-facing style (the estimate and dashboard's own light or dark paper, colours and type), and Footer. A real email renders beside the controls as you edit them, and every email to a customer goes out on a light page. Leads 2 Build is the operating system for post-frame and barndominium builders, so what it brands are the trade's own documents — the 3D quote, the agreement, the draw schedule, the invoice.

Also called: brand settings · company colours · make emails look like my brand · white label

See it, piece by piece
01

One colour drives the emails, the estimate page and the dashboard together

Your accent is the only field most builders ever touch: the buttons, icons and highlights on every customer surface come off it, and the header, heading, body and page colours are worked out from it until you override one. Setting a brand colour in three separate places and still looking like three different companies is the usual outcome. Here they move together.

Brand Center — Appearance

Appearance

light modedark mode

Light is the default. Pick Dark only if your logo is white/light — otherwise a dark logo disappears on a dark header.

Colors

Your accent is the one colour that matters — it drives your emails, estimate page and dashboard together. Everything below it is derived from that accent and only needs touching if you want to override a specific surface.

Accent
Buttons, icons, highlights
#B4552B
Header bar
Behind your logo
#1E1815
Heading text
#1B1512
Body text
#4B423C
Page background
#F2EEEA
The Accent row at the top — the four colour fields under it are derived from it until you change them. Real screen · sample data.
Without it

The estimate page is one shade of green, the email header is another, and the customer's dashboard is still the software's default teal — three surfaces from one company, none of them matching.

Why we built it

The builder sets one colour and his quote, his emails and his customer's dashboard look like the same company — which is what makes a customer trust the price on them. The four fields underneath are filled in, not locked, so the builder whose header must match his truck wrap sets that one and leaves the rest following along.

02

Three logo slots, because one logo cannot be a letterhead and an avatar

A wide lockup about three times as long as it is tall goes in email and invoice headers, a square mark handles avatars, and a small icon handles the browser tab. Each slot shows an example of the shape that belongs in it. One logo stretched to cover all three is how a header ends up with your name cropped off.

Brand Center — Identity
Business InfoBrand CenterEmail Studio

Brand Center

Set your logos, colors, and type once — every email your customers receive picks it up automatically. Preview updates live; hit Save when it looks right.

Identity

Business name
Ridgeline Post Frame
Logos — one shaped for each use
wide logo example — L2B badge
Wide logo · ~3:1 horizontal
Email & invoice headers, letterhead. Your full logo with the name.
Example shape ↑ — upload yours below
wide logo example — L2B badge
Drop an image here or click below
PNG, JPG, WEBP, GIF, or SVG · up to 5MB
Choose fileRemove
…or paste a public image URL
https://ridgelinepf.demo.invalid/brand/logo-wide.png
square logo example — L2B profile mark
Square logo · 1:1
Social profiles & avatars — a compact mark that fits in a circle.
Example shape ↑ — upload yours below
square logo example — L2B profile mark
Drop an image here or click below
PNG, JPG, WEBP, GIF, or SVG · up to 5MB
Choose fileRemove
…or paste a public image URL
https://ridgelinepf.demo.invalid/brand/logo-square.png
icon example — L2B mark
Icon · 1:1 small
Browser tab / favicon — a simple mark that reads at tiny sizes.
Example shape ↑ — upload yours below
icon example — L2B mark
Drop an image here or click below
PNG, JPG, WEBP, GIF, or SVG · up to 5MB
Choose fileRemove
…or paste a public image URL
https://ridgelinepf.demo.invalid/brand/icon-512.png
Website (shown in footer)
ridgelinepf.demo.invalid
The three slots — Wide logo ~3:1, Square logo 1:1, Icon — each with an example of the shape above the dropzone. Real screen · sample data.
Without it

You upload the one logo file you own and the customer's estimate arrives with your company name sliced off at the edge of a square avatar.

Why we built it

The customer sees a crisp logo everywhere — header, avatar, browser tab — instead of a name cropped off or a smear, so the builder looks established from the first email. Each slot is its own upload, so the one file you actually own goes where it matters most first.

03

Your logo sits on a band built for it — and customer email always goes out light

On the estimate and in every email, your logo sits on a header band drawn from your accent, and Header bar sets the email's band to the exact colour your logo needs. The estimate and dashboard can be light paper or dark paper; customer email always goes out light, whatever the estimate uses, so it looks the same in every inbox. A logo that disappears into its own header is the most common branding mistake there is, and it costs one setting.

Custom Building Estimate
Leads2BuildLeads2Build
Leads2Build Construction
Custom Building Estimate
Zimmerman Equipment Barn
Prepared for Marla ZimmermanAugust 24, 2026
Building
40′ × 64′ × 16′
Footprint
2,560 sq ft
Roof pitch
4/12
Your investment
$84,320.00
Review & approveView your 3D building
Private, encrypted link prepared for youValid through September 23, 2026
Pricing held for
6d 04h 17m 38s
The estimate's header band with the builder's logo on it — drawn from the same accent as the email header. Real screen · sample data.
Without it

Your logo is dark navy, the band behind it is dark, and the first email a customer gets shows an empty bar where your name should be.

Why we built it

The customer sees the builder's name clearly on the first thing he opens, so the quote looks like it came from a company, not a template. Customer mail is held to one light letterhead on purpose, which leaves the band behind the logo as the one colour worth setting by hand.

Sound familiar?“the emails my customers get don't look like my company”
04

The estimate your customer signs gets its own palette and its own type

An inbox and a signed document want different surfaces, so the customer's estimate and dashboard keep their own colours and fonts rather than inheriting the email's. Headings, body and figures are three separate choices, and the samples render in the real typefaces the customer will get. A sample shown in a substitute font is how you approve something you have not actually seen.

Brand Center — Customer-facing style

Customer-facing style

These drive all three customer surfaces — your emails, your estimate page and your client dashboard — from one place, so correspondence and documents look like the same company. Your logo and accent colour above carry over automatically.

Estimate & dashboard appearance
light paperdark paper

Light is the default and the safer choice — the estimate is a document your customer reads, signs and keeps.

Secondary colour
Progress bars and supporting accents. Leave it if you only have one brand colour — we derive a matching one.
#2B7A8C
Typography

Headings, body text and labels — used on your emails, estimate page and dashboard alike. Samples render in the real font.

Headings
Oswald

Condensed industrial caps — the closest Google face to Prohibition

Your Custom Building
Body text
Open Sans

Plain and highly readable — the web's workhorse

Everything your customer reads.
Labels & figures
IBM Plex Mono

Technical without being cold — spec-sheet feel

60' × 80' · $94,539

These are Google Fonts, so they load for every customer with no licensing on your side.

The three font slots — Oswald, Open Sans, IBM Plex Mono — each sample drawn in the real face. Real screen · sample data.
Without it

You switch the email header to the dark navy your logo needs and the estimate your customer opens to sign goes dark along with it — a document meant to be printed, signed and filed.

Why we built it

The document the customer signs reads like a proper contract from a proper company, so he signs it with confidence. Figures get a face of their own so dimensions and dollars line up in a column, and every font on offer loads for the customer with no licence to buy on your side.

05

Your brand colour cannot make a contract unreadable

The customer-facing look is worked out from your colour with the contrast measured, so a pale yellow or a near-black never produces text a customer has to squint at on the page he is about to sign. If you only own one brand colour, the second is worked out to match instead of left blank for you to guess at.

Construction Agreement
Construction Agreement
Review the agreement, then sign at the bottom. Use Print / Save PDF at the top to download a copy anytime.
Leads2Build Construction
Project Agreement · Effective August 26, 2026
Leads2Build Construction — Construction Agreement

This Agreement is entered into on August 26, 2026 between Marla Zimmerman (“Client”) and Leads2Build Construction (“Builder”).

Project Address: 4180 Sawmill Road, Ashland, MO 65010


Part 1 — Estimate & Specifications

ItemAmount
Post-Frame Structure Package$38,420.00
Roofing & Trim$9,865.00
Doors & Windows$6,240.00
Concrete Slab & Footings$12,180.00

Subtotal: $66,705.00
Tax: $4,450.00
Total: $71,155.00

Payment Schedule

  • Deposit at signing: 30% — $21,346.50
  • Material release: 40% — $28,462.00
  • Substantial completion: 30% — $21,346.50
FAILURE OF THIS CONTRACTOR TO PAY THOSE PERSONS SUPPLYING MATERIAL OR SERVICES TO COMPLETE THIS CONTRACT CAN RESULT IN THE FILING OF A MECHANIC’S LIEN ON THE PROPERTY WHICH IS THE SUBJECT OF THIS CONTRACT PURSUANT TO CHAPTER 429, RSMO. TO AVOID THIS RESULT YOU MAY ASK THIS CONTRACTOR FOR “LIEN WAIVERS” FROM ALL PERSONS SUPPLYING MATERIAL OR SERVICES FOR THE WORK DESCRIBED IN THIS CONTRACT.
In the event payment is not made when due, if the default is not cured within 10 days of the due date, then the payment shall bear interest at the rate of 10% per annum from the payment due date until paid.

Part 2 — Client Waiver and Agreement

By applying your initials to each section, you acknowledge that you have read, understood, and accepted the related terms.

1. Materials

We use high-quality materials; however, natural characteristics of wood and concrete may include splits, knots, cracks, warping, mold, or discoloration. These are normal and do not indicate defects. Metal trim, siding, and roofing are handled manually and may show scratches, dings, oil-canning, cutting marks or gaps.

Initialed:

2. Site Preparation

The project site must be level within two (2) inches unless otherwise agreed upon in writing. All obstructions must be removed within twenty (20) feet of all sides of the new structure before construction begins.

Initial:Tap to initial
The agreement, in the builder's colour — body tone walked until it clears the paper. Real screen · sample data.
Without it

You set the pale yellow off your truck wrap and the customer opens a contract where the totals sit somewhere between grey and invisible.

Why we built it

The customer can read every clause of what he is signing, whatever colour the builder picked — nobody squints at pale yellow fine print. Rather than reject your colour, the text tone is walked lighter or darker until it clears the paper it lands on, so you keep the brand and still get a readable page.

06

What you see in the preview is what leaves the building

The email beside the controls is drawn by the same thing that sends it, so it is not an approximation that drifts. Branding an email used to mean save, send yourself a test, squint at your phone, go round again — three or four laps on a Sunday before anything was fit to reach a customer. The preview here is the one email you are editing; every email your account can send is lined up in the email catalogue, rendered on this same brand.

Brand Center — Live preview
Live previewEstimate ready (customer)
RIDGELINEPost Frame
Your estimate is ready
40×60 Barndominium
Hi Marlin — your estimate for the 40×60 barndominium is ready. Open it to see the building in 3D, the price and your payment schedule.
Project40×60 Barndominium
Total$148,250.00
View your estimate

This is exactly how the email renders — scaled to fit, never stretched. Colors, logo and type come straight from your settings.

Live preview: the real estimate email on your brand, redrawn on every change. Real screen · sample data.
Without it

A mock-up that only resembles the finished email lets you sign off on a header that turns out wrong in the customer's inbox, and by then it has been read.

Why we built it

The owner gets his branding right in one sitting instead of three laps of sending himself test emails. What sits beside the controls is the real email at its true width, thrown away and drawn again on every change, so nothing stale survives an edit.

Sound familiar?“changed my brand colour and the customer page still looks generic”
08

The approve button has to be readable, whatever colour you picked

Some colours sit at exactly the lightness where neither white nor black text clears the bar on top of them. The fill is darkened two percent at a time until its own label reads — measured against the label, not guessed at. What sits on that page once it is wearing your colours — the building in 3D, the price and the approve button — is laid out on the quote your customer reads.

Approve / Sign
Authorization
Ready to build?

Review your estimate above, then approve below to lock in this pricing and start your project.

I have reviewed the estimate above and approve the project for $84,320.00. I understand this serves as my digital authorization to proceed.
Approve & Start My Project
Encrypted & recorded with a timestampYou agree to the payment schedule above
Approve and sign — the fill darkened until its own label clears. Real screen · sample data.
Without it

The one button the entire sale runs through is mid-olive with white text on it, and the customer cannot tell it is a button.

Why we built it

The customer can always read the button that says yes, so a gold or lime brand never costs a signature. The fill is stepped darker and measured against its own label until it clears — the hue is never touched, so it is still your colour.

Sound familiar?“logo is the wrong shape in the email header”
09

If you only own one colour, the second is worked out for you

Progress rails and supporting accents need a second colour. Leave the field alone and one is taken twenty-six degrees around the wheel from yours — near enough to sit with it, far enough to read as a second colour. A true complement clashes on a document, so it is never used.

Project progress
The progress rail — the second colour, derived from the first. Real screen · sample data.
Without it

You pick the opposite of your brand colour off a colour wheel, and the progress bar on the customer's project page fights the logo above it on every screen they open.

Why we built it

A builder who owns one colour gets a matching second without thinking about it, so progress rails and accents still look designed. The field shows the derived value rather than sitting empty, so you can see what you are getting and overwrite it in one edit.

10

Green still has to mean go

Paid, on track, overdue and blocked are pulled about twelve percent toward your hue and no further. They sit in the same world as the rest of the page without stopping being status. A red that is not quite red stops working as a warning.

Live Project Dashboard — summary
Project Total
$84,320.00
Status
Framing
Approved On
June 12, 2026
Milestones
21 / 35
Status chips — tinted toward the brand, still readable as status. Real screen · sample data.
Without it

Your brand is forest green, every status chip goes green with it, and the customer cannot pick out the one stage that is actually stuck.

Why we built it

The customer reads paid, on track and overdue at a glance on any brand, so a warning still looks like a warning. Status is allowed to be tinted by the brand, never owned by it — each chip is measured against the card behind it.

11

The invoice is on your letterhead, not ours

The same logo, colour and type land on the invoice the customer opens as on the quote that came before it. None of it needs the customer to make an account; the branded page arrives on one customer link and stays at that address.

Portal invoice doc
INV-1042Partial
Leads2Build
Leads2Build Construction
118 Ridge Line Rd Elkhart, PA 17022
billing@leads2build.demo.invalid
(717) 555-0142
leads2build.demo.invalid
INVOICE
Number: INV-1042
Issued: Aug 12, 2026
Due: Aug 26, 2026
Bill To
Marla J. Zimmerman
4180 Quarry Bend Rd Millersburg, PA 17061
marla.z@demo.invalid
(717) 555-0118
Co-signer: Dean R. Zimmerman · dean.z@demo.invalid
Lender: Susquehanna Farm Credit (#SFC-88214)
Project
Deposit — Zimmerman Equipment Barn
Zimmerman Equipment Barn
Items
Description
Qty
Rate
Amount
Deposit — 30% of contract
Zimmerman Equipment Barn
1
$38,520.00
$38,520.00
Concrete Pad
2,560 sq ft × $6.75
2,560 sq ft
$6.75
$17,280.00
Overhead Garage Doors
3 ea
$2,450.00
$7,350.00
Subtotal$63,150.00
Tax (3%)$3,789.00
Total$66,939.00
Paid−$38,520.00
Balance Due$28,419.00
Payments received
Aug 14, 2026 · Check · #2291$38,520.00
Payment instructions
Checks payable to Leads2Build Construction. ACH details on request. Card payments carry a 3% processing fee.
Terms
Net 14. Draws are tied to build milestones as set out in the construction agreement.
The customer's invoice, wearing the brand set once in Settings. Real screen · sample data.
Without it

The estimate looks like your company and the invoice behind it looks like a piece of accounting software, so the customer rings the office to ask who sent it.

Why we built it

The customer pays an invoice that looks like the quote he signed, from the same company — the kind of invoice that gets paid without a phone call. Outbound documents resolve the brand on the server from the same stored row the preview reads, so the logo in an inbox is never a broken box.

Sound familiar?“settings page shows nothing then fills in”
12

The note you type by hand goes out on the same letterhead

A message typed into the customer's thread is wrapped in the same header, footer and type as the automatic ones. It is the email your customer gets most often, and it was the last one still going out plain. What the automatic ones say, event by event, is written on the notifications grid.

Conversation — compose
Subject...
Hi Marlin — revised quote attached with the 16' sidewalls. Everything else is unchanged.
SMSEmail CallSnippets Send
Send Now
Send Later
Schedule for a time
A typed message — previewed on the brand before it leaves. Real screen · sample data.
Without it

Thirteen automatic emails carry your logo and the one you actually sat down and wrote arrives as grey text from an address the customer does not recognise.

Why we built it

The quick note a rep types looks as professional as the automatic emails — and it is the email customers get most. It is styled by the same brand as everything else, so a change here reaches it without anybody having to remember it exists.

13

Your address gets typed once

One footer line and your website, set here, ride the bottom of every customer email — drawn in your body face and your muted tone, not bolted on as a grey system line underneath the brand.

Conversation — email thread
Your 40×64 post-frame quote
Marlin Zook • Aug 21, 9:14 AM(2 messages)
MFMarcus FeldTo: marlin.zook@demo.invalidDeliveredAug 20, 4:02 PM
Marlin — quote attached for the 40×64 with 14' sidewalls, 29ga painted steel both sides. Price holds 30 days.
MZMarlin ZookTo: Marcus FeldAug 21, 9:14 AM
Thanks Marcus — the number works. One question about the sidewall height before we sign anything.
Reply Forward
The footer line, at the foot of a sent email. Real screen · sample data.
Without it

Every automatic email ends with somebody else's boilerplate, and the customer has no phone number in front of them at the moment they want to ask a question.

Why we built it

The customer always has the builder's address and website at the foot of every email, in the builder's own type, not a grey system line bolted underneath. One plain line breaks in fewer inboxes than a rich block, and it follows every colour change.

14

Your brand is on screen before the network answers

Open Brand Center and your last saved brand paints instantly, off the device; the live row replaces it a beat later. The rest of Settings behaves the same way. A panel that shows nothing for a second reads as broken, and a builder starts clicking.

Settings
Settings
Search settings…
TeamTeam MembersRoles & AccessPay StructureSub Agreement
OperationsProject StagesPipeline SOPsService CatalogEstimatingLead Distribution
PortalsClient Portal
CommunicationsPhone & TextingCall ScriptsPhone CreditEmailNotifications
AccountPlan & BillingMy BusinessStorageMy ProfileAcademyIntegrationsHelp & Support
Where Brand Center sits — one Settings screen, five groups. Real screen · sample data.
Without it

You open the page to change one colour, get an empty box, hit reload, and now there are two tabs open on the same settings screen with different values in them.

Why we built it

The owner sees his brand the instant he opens the panel, so he never clicks around a blank screen thinking it broke. The copy on the device is painted, never saved from — the database stays the only source of truth.

How it works
  1. 1Upload your three logos — wide, square and icon.
  2. 2Set your accent colour and everything below it follows unless you override one.
  3. 3Set the header bar behind your logo to the colour it needs — customer email always goes out light.
  4. 4Set the estimate and dashboard's own paper — light or dark — and their colours and type.
  5. 5Watch a real email redraw beside you as you change things.
Why we built it

Branding an email used to mean save, send yourself a test, squint at your phone, go round again — three or four laps on a Sunday before anything was fit to send a customer. And the most common mistake in this product's inbox was a logo that vanished into its own header, which a builder found out about from the email that had already gone. Setting the look in one place, holding customer mail to one light letterhead, and drawing the preview with the same thing that sends closes all three.

The problem
  • Customer-facing email carried none of the builder's branding.
  • There was no way to see how a brand change would actually render before saving.
  • Email styling and portal styling were entangled.
What you get
Every automated email looks like it came from the builder, not the software.
Brand changes are previewed against a real email before they ship.
Portal and email styling can differ on purpose — and customer email always reads the same in every inbox.
A barndominium quote, its contract and its invoice that all look like the same builder.
What's inside
The customer portal wears your brand, not ours

Your brand colour is used three ways: as the accent on buttons and rules, as tinted greys for the page, cards and text, and as the dark band behind your logo. Even the greys lean toward your colour, so they agree with the logo instead of fighting it. Set any colour by hand and your choice still wins.

Three logo slots with a picture of each shape

Three assets, not one. A wide lockup for email and invoice headers, a square mark for avatars, and a small icon for the browser tab. Each slot shows an example picture and one line saying where it gets used.

Colours named for where they land

The colours are named for where they actually land, not for what a designer calls them. Accent is described as buttons, icons and highlights. Header bar is described as behind your logo. Paste a code without the # and it puts it on for you.

How the customer's pages look

The pages your customer reads get their own colours and their own type — display, body and figures as three separate choices. The settings screen loads the same typefaces the customer will get, so what you approve is what he sees. The look is worked out with the contrast measured, so your brand colour cannot produce text he has to squint at.

Live email preview while you edit

The pane shows an actual email — a typed message, estimate ready, contract to sign, project update, lead assigned, or the welcome — on the brand you are editing right now. It is drawn by the same thing that sends it.

BUSINESS IDENTITY

See brand Center
on one of your own jobs.

Twenty minutes, your building, your numbers. Bring the job where “the emails my customers get don't look like my company” — we will show you exactly where that stops.

leads2build.com
Brand Center — Appearance

Appearance

light modedark mode

Light is the default. Pick Dark only if your logo is white/light — otherwise a dark logo disappears on a dark header.

Colors

Your accent is the one colour that matters — it drives your emails, estimate page and dashboard together. Everything below it is derived from that accent and only needs touching if you want to override a specific surface.

Accent
Buttons, icons, highlights
#B4552B
Header bar
Behind your logo
#1E1815
Heading text
#1B1512
Body text
#4B423C
Page background
#F2EEEA
Brand Center — Leads2Build