★★★★★ 5.0 · 100+ companies · supervised automation · humans on escalation
hear_your_agent() →
Brand book · v2 · September 2026

EagleCallPro brand system

How EagleCallPro looks, sounds and moves — for the site, the CRM, decks, one-pagers and partner materials. The v1 "paper & ink" restoration look is retired; everything below is the current system.

The idea in one line

The first AI growth system for home services. Calm, technical, certain. We are the night shift that never sleeps and the sales rep that never forgets — not a robot, not a gimmick.

Color

Dark navy ground, gold for action, cyan for signal. The gold→cyan gradient is the brand's one flourish: it marks the money word in a headline, the logo mark, and the "live" elements. Use it once per screen.

#070B14
Ground — page background
#0F1830
Panel — cards, forms, dashboard
#E8EEF7
Text
#94A3B8
Muted — secondary text
#F9C784
Gold — primary action, money
#5EEAD4
Cyan — signal, live, AI
#4ADE80
Green — booked, recovered, success
#FF5A57
Red — missed, lost, urgent
The gradient

Every job booked.

linear-gradient(90deg, #F9C784 → #5EEAD4) on text; 135deg on the logo mark and buttons (gold → #FFB454). Rules: one gradient word per headline, never on body text, never on more than one element in view. On light backgrounds (print, PDFs) use gold #C99A4E → teal #2BB5A3 for contrast.

Type

Headlines & UI

Space Grotesk

700 for headlines (tight, -0.02em), 600 for buttons and labels, 400 for body. Sentence case. Short lines.

Data, code, tags

JetBrains Mono

Everything that is a number, a timestamp, a status, a tag or a system message. Small, uppercase, letter-spaced 0.12em for labels. This is what makes it feel like a product.

Sizes

18 / 26 / 40 / 64

Body 18px. Section heads 2.5rem. Hero 4.2rem max, clamp down on mobile. Never below 14px on screen.

Components

Live samples, straight from the site CSS.

Buttons

Hear your own AI agent   Secondary

Primary = gold gradient, dark text, soft gold glow. One per view. Secondary = outline. Buttons say what happens, never "Submit".

Eyebrow
Live · your line tonight

Mono, uppercase, green pulse dot. Sits above every H1/H2 that needs context.

Status pills

booked dispatched rescued missed

Green = won. Gold = in motion. Cyan = the AI did it. Red = lost.

Cards

Panel background, 1px line border, 12px radius, 24px padding. Hover: border turns gold/cyan and the card lifts 3px. Glow is a radial, never a drop shadow with color.

The ticker
$ line.status --tonight
9:14 PM form fill → called back in 27s → estimate booked
11:02 PM burst pipe → tech texted the address

Terminal-style panels show the system working. Mono, dashed borders, green for outcomes.

Background

A faint 44px grid plus two soft radial glows (gold top-left, cyan top-right). Present on every page; never busy enough to notice.

Writing rules