Magazine / Editorial websites
Type-led, grid-driven layouts borrowed from print.
Examples

Dribbble — Homepage
A hero for clients, then the product itself, then a wall

Flipboard — Homepage
A 'GET INFORMED / GET INSPIRED' masthead over a wall of flips — a curated grid where every gesture on show routes back to one red Sign up

Lapa Ninja — Homepage
A ten-year landing-page archive whose homepage is a magazine issue: curation, ads, paid templates and tutorials in one scroll.

Nike — Homepage
Editorial-first homepage for a sportswear catalog that leads with athletes, not products.

Smashing Magazine — Homepage
A homepage that opens on an author, not a headline — a chronological river of long-form work with the membership pitch stitched into the middle of it.

WIRED — Homepage
A front page that ranks by editor's pick, not by clock.

Zara — Homepage
A homepage that opens on a photograph and lets the wordmark do the merchandising.
Building a magazine / editorial-style site?
Get a free UX Snapshot of your page — a quick read on what works and what to fix.
Browse by page type
Landing Pages
The single-purpose pages built to convert one specific visitor.
Homepages
The front door — orientation, positioning, and the first impression.
Portfolio Sites
Personal and studio sites that sell the work by showing it.
Ecommerce / Shop Pages
Storefronts and product pages built to move people to checkout.
About Us
The pages that turn a company into people you trust.
Pricing Pages
Where intent meets the number — plans, tiers, and the choice architecture.
Blog Pages
Index and article layouts built for reading and return visits.
Event Pages
Conference, launch, and webinar pages built to drive sign-ups.
Contact Pages
The last mile — making it easy to start a conversation.
404 / Error Pages
The dead end, redesigned as a way back in.
Other styles
3D
Depth, dimension, and rendered objects as the hero.
Retro
Nostalgic, period-specific design as a brand signal.
Colorful
Saturated, high-energy palettes used with intent.
Dark Mode / Dark UI
Interfaces that default to dark — when it reads as premium, and when it just hides the seams.
Minimal
Restraint as the design — one idea per section, whitespace doing the structural work.