Homepage design showroom
One technical core. Ten ways to look at it.
Every direction below is a complete homepage for the same fictional business, with the same services, the same three testimonials and the same contact facts. Only the composition, the typography and the colour change — so a direction can be chosen on how it feels, not on what it says.
- Directions
- Ten
- Shared content
- Northline Property Care
- Technical core
- Identical in all ten
- Status
- Internal · noindex
The ten directions
01 — Serif headings, sentence case
Classic Business
Established and symmetrical. A contact bar, a centred masthead and an even four-column service block.
02 — Heavy condensed sans
Bold Local Trade
Direct and loud. A dark full-bleed hero, oversized type and a phone number that never leaves the screen.
03 — Small precise sans, wide tracking
Minimal Professional
Restraint as the argument. Hairline rules, one narrow measure of text and a single image given room to breathe.
04 — Rounded humanist sans
Friendly Service
Warm and human. Rounded cards, a soft arc behind the hero and a plain three-step explanation of what happens next.
05 — Neutral grotesque, tabular figures
Modern Corporate
Structured and capable. A sticky section rail, a figures band and services presented as a dense specification grid.
06 — Light serif, wide letterspacing
Premium Clean
Image-led and quiet. A full-bleed opening frame, a floating caption plate and long horizontal rules between few words.
07 — Humanist sans with serif accents
Warm & Trustworthy
Personal and calm. A signed letter beside a framed drawing, with reassurances set as a plain checklist.
08 — Tight sans, high contrast
Strong Conversion
One route, repeated. A promise, an immediate proof strip, objection handling and the same action offered three times.
09 — High-contrast serif, small caps
Editorial Simple
A magazine spread. Masthead rules, a dropped capital, two columns of running text and a quote hung in the margin.
10 — Geometric sans, generous weight
Contemporary Bright
Optimistic geometry. Colour blocks on a visible grid, circular art and offset shadows kept under tight control.