The single source of truth for the T&T Heating & Cooling brand — colors, type, components, voice, and the rules that keep every page consistent. Every page is built from this system.
Version 1.0 · June 2026Circular badge — a green-hatted leprechaun shouldering a lit stick of dynamite ("Dynamite Comfort") over the T&T HEATING & COOLING wordmark. The mascot is the brand's personality — keep it.
Primary · on light (cream / white)
T&T Heating & Cooling
Logomark · favicon / app icon, 32px min| Correct | Never | |
|---|---|---|
| Placement | Top-left of nav, with wordmark | Centered; wordmark with no mark |
| Min size | Nav ≥ 60px tall (50px mobile); favicon 32px | Below minimums; stretched |
| Clear space | ≥ half the badge height around it | Crowded against links/edges |
| Color | Full color, as-is | Recolored, effects, low-contrast bg |
⛔ Deprecated — never use: #0a1628 (navy — never use).
Contrast law: dark text on light, light text on dark. Never green-on-near-black; never white/cream-on-cream.
| Token | Value | Use |
|---|---|---|
| Container | max-width:1180px, 24/48px gutter | All page content |
| Signature radius | border-radius:0 16px 0 16px | Buttons + cards (cut-corner) |
| Hero image clip | polygon(9% 0,100% 0,100% 100%,0 100%) | Diagonal edge on hero photo |
| Shadow | 0 16px 40px -22px rgba(18,40,10,.4) | Card hover-lift only |
| Motion | 0.15–0.2s ease; ≤3px lift | No bounce / parallax / autoplay |
Primary = orange fill / white text. Secondary = white fill / green text / hairline border. Both cut-corner. Never fully-pill or fully-square.
| Element | Spec |
|---|---|
| Nav | White bar · dark-green links · orange CTA · green util bar (#123c10) above with white text + FB/IG/Yelp/Google icons · green hamburger. One markup, every page. |
| Hero | Split — cream left (green/orange heading + muted sub + CTA), real photo right with diagonal clip. Readable text on cream. NOT a full-bleed photo with text overlay. |
| CTA section | Cream background (separation from black footer), deep-green heading, orange eyebrow, orange + ghost buttons. |
| Footer | Near-black #0F0F0F, white text — brand + Services/Company/Contact columns + centered copyright & socials. Byte-identical on every page. |
Imagery: real T&T crew + job-site photos first; their own licensed stock second. Honest, local, hands-on. Hero/team photos show the full crew — heads never cropped. Never substitute generic stock people for the crew when a real photo exists.
Voice: we/our · confident, honest, family-driven, plain-spoken. Motto: "Dynamite Comfort in Every Climate." Banned: any 24/7 / "emergency" / "any hour" / "around the clock" / "we answer every call" / specific "X-minute response" language — T&T is Mon–Fri.
The verified facts for the T&T brand — use these exactly, everywhere.
NAME T&T Heating & Cooling · owner Sullivan "Sully" Townsley
PHONE (440) 370-6774
EMAIL tnthtgncooling@gmail.com
ADDRESS 45160 N. Ridge Rd, Amherst, OH 44001
HOURS Mon–Fri 7am–5pm · Sat 8am–5pm · Sun closed
EXPERIENCE 13+ years of hands-on experience
CREDENTIALS Ohio Lic #51210 · EPA-certified · Mitsubishi Diamond Contractor · ACCA member
AREA Lorain, Erie & Cuyahoga County (Amherst, Elyria, Lorain, Vermilion, Avon, Sandusky, Huron, Westlake…)
REVIEWS 5.0★ across 83 Google reviews
SERVICES AC Repair & Install · Furnace Install & Repair · Heat Pumps · Indoor Air Quality · Water Heaters · Maintenance Plans
MAINTENANCE $100 one-time tune-up · $16/mo both systems ($8/system) · PaySimple enroll
SOCIAL Facebook · Instagram @tt_hvac_oh · Yelp · Google
Not preferences — rules. These are the things the T&T brand never does.
0 16px 0 16px.#0a1628 anywhere.