Design Families
One platform. 12 distinct visual identities live today.
Every Website Factory tenant pairs its brand palette + content with a Design Family — a layout/typography/microcopy package tuned to its trade. 12 active families ship today; 15 reserve families are designed-but-empty, ready for adjacent local-service trades on request.
Active families (12)
workshop-classic
Workshop Classic
Trustworthy local-pro; baseline SaaS-factory look.
- Type:
- Inter / Inter / Fraunces
- Hero:
- split-form
QuickFix Garage Door Service
Trustworthy local-pro baseline (12-location Greater Boston operation).
Visit live →quickfixgarage.xyzeditorial-minimal
Editorial Minimal
Swiss/editorial restraint; type-led, single accent.
- Type:
- Fraunces / Inter
- Hero:
- type-only
MassGarage
Swiss/editorial restraint with hairline dividers and Fraunces type-led headlines.
Visit live →boston.websitefactory.spacefederal-heritage
Federal Heritage
Civic establishment; "EST. [year]" credibility.
- Type:
- Playfair Display / Source Sans 3 / Archivo
- Hero:
- emblem-header
Eagle Garage Door
Civic establishment for the DMV — "EST. [year]" capitol-cornice dividers under every H1.
Visit live →eagle.websitefactory.spacesecurity-modernist
Security Modernist
Precision premium for security; dark-cinematic with frosted glass.
- Type:
- IBM Plex Sans / IBM Plex Sans / IBM Plex Mono
- Hero:
- dark-cinematic
Unlock and Drive
Precision premium for security: dark-cinematic hero with frosted-glass form card.
Visit live →locksmith.websitefactory.spacerestoration-calm
Restoration Calm
Insurance-friendly empathetic; soft-focus interiors.
- Type:
- DM Serif Display / DM Sans
- Hero:
- soft-focus-interior
LocalFlow Restoration of New England
Insurance-friendly empathetic — Transformative Teal (WGSN COY 2026), zero exclamation marks.
Visit live →restoration.websitefactory.spacehearth-warmth
Hearth Warmth
Warm home & family; rounded everything; magazine-split hero.
- Type:
- Fraunces / Source Sans 3
- Hero:
- magazine-split
CarpetCare of New England
Warm home & family feel — botanical green + cream + terracotta with rounded-everything language.
Visit live →carpetcare.websitefactory.spacelocal-family
Local Family
Small-town family-shop personality; front-porch portrait.
- Type:
- DM Serif Text / Plus Jakarta Sans
- Hero:
- front-porch-portrait
LocalFix Garage Door Service
Small-town family-shop personality — "same crew every time" front-porch portrait hero.
Visit live →localfix.websitefactory.space
Reserve families (15)
These families are catalogued and palette-defined for adjacent local-service trades — the per-family CSS module ships when a tenant in that trade requests it. Onboarding a new vertical takes the slug below, palette, and trade-specific microcopy without inventing a new identity from scratch.
Industrial Blueprint
hvac · electrical · structural
Trade Bold
plumbing · drain · septic
Green Suburb
lawn-care · landscaping · pest-control
Craftsman Trade
painting · carpentry · deck-fence
Roofing Civic
roofing · gutters · siding
Medical Clinical
dental · dermatology · medspa · veterinary
Luxury Estate
high-end-pool · kitchen-reno · estate-cabinet
Auto Precision
auto-glass · mobile-mechanic · detailing
Pet Care Friendly
veterinary · grooming · dog-walking
Tech Managed IT
managed-it · cybersec-smb · msp
Senior Services
senior-living · home-modification · in-home-care
Event Warmth
event-venues · catering · photography
Wellness Modern
yoga · massage · chiropractic
Kids Play
daycare · after-school · lessons
Coastal Resort
pool-service · beach-rental · marina
Variant Library
30 variants across 4 design axes — combine any to get a unique tenant look
Beyond the 12-family starter packs, every axis is composable. Pick a hero archetype from one family, typography from another, palette from a third — operator-side dashboard mutates a single jsonb column and the site re-renders with new tokens. No code deploy required.
Hero archetypes (12)
split-form
Split form
50/50 narrative + inline form. Highest above-fold conversion.
type-only
Editorial (type only)
No image. Bold typographic headline as the LCP element.
emblem-header
Civic emblem
Heritage feel; gold-on-dark trust pill; EST. year.
dark-cinematic
Dark cinematic
Full-bleed image, dark gradient, frosted-glass CTAs.
soft-focus-interior
Soft focus
Empathetic restoration; never-damaged photography.
magazine-split
Magazine split
60/40 framed photo + numbered list on tinted cream.
front-porch-portrait
Front-porch portrait
Small-town family-shop; tilted polaroid frame.
isometric-spec
ReserveSpec sheet
Blueprint grid + corner registration marks + monospace dimensions.
bold-emergency
ReserveBold emergency
Phone IS the LCP; pulsing dispatch pill; 24/7 trades.
before-after-slider
ReserveBefore / after
Dual-panel comparison hero — drag to reveal the after.
location-led
ReserveLocation-led
Geo grid above the fold — pick a service area before scrolling.
bento-grid
ReserveBento grid
Masonry of cards — services + reviews + photo + map.
Typography pairings (7)
geist-default
Geist (default)
Clean, neutral sans. Pairs with cool-neutral palette.
Aa Bb 123
The quick brown fox
fraunces-inter
Fraunces + Inter
Variable display serif heading + clean sans body.
Aa Bb 123
The quick brown fox
fraunces-source
Fraunces + Source Sans
Warm display serif + readable body.
Aa Bb 123
The quick brown fox
playfair-source
Playfair + Source Sans
High-contrast didone heading. Civic establishment.
Aa Bb 123
The quick brown fox
ibm-plex
IBM Plex
Sans + Mono accent. Precision-premium register.
Aa Bb 123
The quick brown fox
dm-serif
DM Serif Display + DM Sans
Empathetic display serif + restrained body.
Aa Bb 123
The quick brown fox
dm-text-jakarta
DM Serif Text + Plus Jakarta
Warm reading serif + friendly sans.
Aa Bb 123
The quick brown fox
Palette moods (7)
cool-neutral
Cool neutral
Slate / cool-gray / blue. Platform baseline.
off-white-ink
Off-white ink
Off-white surface + near-black ink + single red accent.
navy-cream-gold
Navy + cream + gold
Civic establishment. Gold ONLY on dark surfaces.
dark-cinema
Dark cinema
Deep indigo + black + gold. Premium dark.
sand-teal
Sand + teal
Transformative Teal (WGSN COY 2026) + sand.
hearth-green
Hearth green
Botanical green + cream + terracotta.
warm-orange
Warm orange
Warm orange + cream + soft brown.
CTA shapes (4)
rounded
Rounded
~12px radius. Platform default.
rounded-pill
Pill
Full-pill shape. Warm-family + hospitality.
square
Square
Sharp corners. Editorial / spec-credibility.
rounded-3xl
Extra rounded
~24px radius. Playful + soft.