Genz-Ryan — Design System Reference

01 · Color

Tri-Tone System

Red for urgency. Blue for trust. Gold for signature. Each color has a single role in the system — they don't blend, they take turns.

Brand Red — Urgent CTA (emergency, book now)

Red

#c92a39

Red Deep

#b00c1c

Red Soft

#e04553

Red Pale

#fce5e7

Brand Blue — Primary CTAs, body-header weight

Blue

#196cb6

Blue Deep

#005289

Blue Soft

#1690d0

Blue Pale

#d2f0ff

Signature Gold — "I Love These Guys" + accent CTAs

Gold

#fad604

Gold Deep

#c8a803

Gold Soft

#fee685

Gold Pale

#fff7cf

Ink & Backgrounds

Ink Deep

#212529

Ink

#434343

Ink Mid

#969696

BG

#ffffff

BG Soft

#f4f4f4

BG Warm

#fff7cf

BG Cool

#d2f0ff

BG Dark

#005289

Canonical Gradients

--grad-patriot

--grad-warm-hero

--grad-cool-blue

02 · Typography

Manrope ExtraBold

Single-family discipline — Manrope substitutes the proprietary Uniform typeface used by the live theme. Weights 300/400/500/600/700/800. All h1-h6 are weight 800. No serif anywhere. Body color is #434343 (warm-dark gray), not pure black — softer Midwestern feel.

Displayclamp(2.5rem, 4vw+1rem, 4.5rem)
weight 800 · -0.025em

Same-day service.

H1clamp(2.25rem, 3vw+1rem, 4rem)
weight 800 · -0.02em

Heating · Cooling · Plumbing

H2clamp(1.875rem, 1.6vw+1rem, 3.25rem)
weight 800 · -0.015em

From one Minnesota family to another.

H3clamp(1.5rem, 1vw+1rem, 2.25rem)
weight 800 · -0.01em

75 years on a single truck.

H4clamp(1.25rem, 0.6vw+1rem, 1.625rem)
weight 800

Furnace · Boiler · Heat pump

Lede1.125rem · weight 400
line-height 1.6

From one Minnesota family to another — three generations of licensed technicians backing every install with a same-day guarantee.

Body1rem · weight 400
line-height 1.55

Every Genz-Ryan visit follows the same 5-step play — book, confirm, diagnose, fix, guarantee. Same script, same uniform, same continuity from call to clean-up.

Eyebrow0.75rem · weight 700
0.16em tracked · uppercase

Twin Cities · Same-Day Service

Wordmarkdisplay · weight 800
tight tracking

Genz-Ryan

03 · Stripes & Rules

Stripes & Rules

.field-stripe · red default

.field-stripe.blue

.field-stripe.gold

.field-stripe.lg · 96×6

.field-stripe.grad · patriot

.hr-red

04 · Buttons — Tri-Color CTA System

Three buttons, three roles.

Red signals urgency (emergency, book now). Blue signals primary action (estimate, learn more). Gold signals signature accent (membership, the "I Love These Guys" promise). Don't randomly assign — each color earns its slot.

Book Service Get Estimate Join HomePulse Learn More Contact

Book Service Join HomePulse Learn More Read Reviews →

Small Red Default Blue Large Gold

05 · Cards

Service grid · Value tile · Bio · Pricing

Service cards — co-equal 4-trade signature

Heating

Furnace install, repair, maintenance.

Heating Services

Cooling

AC, ductless, IAQ.

Cooling Services

Plumbing

Water heaters, drain & sewer.

Plumbing Services

Electrical

Panels, EV chargers, generators.

Electrical Services

Value tiles — gold top accent

Same-Day Service

Or your service call is on us.

Licensed Pros

Background-checked Minnesota techs.

Upfront Pricing

See the price before we start.

75 Years

One family, three generations.

Pricing tiers — featured = gold

Tune-Up

$89/visit

21-point inspection, filter check, safety report.

Book Tune-Up

HomePulse

$29/mo

Two annual tune-ups across all four trades. Priority booking. 15% off all repairs.

Join HomePulse

New System

$0down

0% financing for 24 months on full system installs. Same-day install when in stock.

Get Estimate

Testimonial cards — tri-color rules

★★★★★

"Furnace died on the coldest day of January. They had a tech here in 90 minutes."

SK

Sarah K.

Edina

★★★★★

"Three generations of my family have used Genz-Ryan. Same handshake every time."

RM

Robert M.

Burnsville

★★★★★

"Pricing was upfront before they unboxed a tool. No surprises."

JL

Jennifer L.

Eagan

06 · Chips & Badges

Chips for credentials, audiences, status.

Default Emergency Master Plumber HomePulse 24/7 Outline

07 · Brand Assets

Real-not-stock.

Sixteen assets pulled from the live brand CDN. Logo, family photo, tech photo, branded Twin Cities map illustration, service van cutout, 4 service icons, 5-step process icons, "I Love These Guys" graphic (gold + dark), promise badge, coupon graphic.

Logo

logo.svg

"I Love These Guys"

i-love-these-guys-gold.svg

Promise Badge

promise-badge.svg

Coupon

coupon-red.svg

Heating Icon

icon-heating.png

Cooling Icon

icon-cooling.png

Plumbing Icon

icon-plumbing.png

Electrical Icon

icon-electrical.png

Ryan Family

ryan-family.png

Twin Cities Map

twin-cities-map.png

Service Van

service-van.png

Hero Techs

hero-techs.jpg

08 · Signature Patterns

Three load-bearing moves.

These three patterns are what make Genz-Ryan look like Genz-Ryan: the "I Love These Guys" trust block, the Twin Cities map illustration, the 5-step process visualization. Use each one once per page, max.