Homepage Design Preview

Erin Z. Williams CPA PC — Homepage Design Preview.

Three directions, same brand and copy. Open each, then choose the one that feels right.

Choose a direction

Three homepage designs to compare

Each preview below is a live, scaled-down thumbnail of the real page. Open the full version to click through it, then mark your pick — you can change it any time.

Option 1 ✓ Selected Live preview — scaled down

The Broadsheet

Classic editorial

Typography
Fraunces + Inter
Hero/Layout
Editorial front page, wide columns
Nav/Rhythm
Serif masthead, measured vertical rhythm
Color
Cream paper, forest + gold accents
Shape
Sharp rules, hairline dividers
Imagery
Charted data-viz as figures
View full page
Option 2 ✓ Selected Live preview — scaled down

The Console

Modern dashboard

Typography
Space Grotesk + IBM Plex Sans
Hero/Layout
Dark banded hero, panel grid
Nav/Rhythm
Tight app-style nav, dense modules
Color
Navy base, gold + forest signals
Shape
Rounded tiles, soft-edged cards
Imagery
Dashboard wireframes + KPI grids
View full page
Option 3 ✓ Selected Live preview — scaled down

The Front Porch

Warm & human

Typography
Zilla Slab + Work Sans
Hero/Layout
Approachable hero, generous blocks
Nav/Rhythm
Relaxed nav, roomy, conversational
Color
Color-blocked cream, forest + gold
Shape
Organic pills, rounded corners
Imagery
Friendly diagrams + iconography
View full page

The squint test

Side by side, at a glance

Same brand, same copy — three different silhouettes. Squint and the difference is obvious.

Option 1 · The Broadsheet

Light & airy — editorial paper

Open →

Option 2 · The Console

Dark-banded — dashboard panels

Open →

Option 3 · The Front Porch

Color-blocked — warm & human

Open →