Editorial website design examples

234 references from real, live websites.

Browse by

Affinity

FooterSaaSEditorial serifDark

Wispr Flow

HeroAIEditorial serifLight

Whiteboard

GalleryAgencyEditorial serif

DDD Hotel

HeroTravelEditorial serifLight

Granola

HeroAIEditorial serifLight

Locomotive

Full pageAgencyEditorial serifLight

Unify

HeroAIEditorial serifLight

Harvey

HeroAIEditorial serifLight

Instrument

ContentAgencyEditorial serifLight

Strut

HeroAIEditorial serifLight

Contra Labs

HeroAIEditorial serifLight

Pangram

HeroAIEditorial serifLight

Pangram

FeaturesAIEditorial serifDark

Loops

HeroSaaSEditorial serifLight

Waabi blog section, AI website, editorial serif style
Waabi

BlogAIEditorial serifLight

Perplexity Personal Computer

FooterAIEditorial serifLight

Affinity

HeroSaaSEditorial serifDark

Trawelt

BlogTravelEditorial serifLight

Microsoft AI

BlogAIEditorial serifLight

Wispr Flow

FeaturesAIEditorial serifDark

Cereal

HeroMediaEditorial serifLight

Concurrence

HeroHealthEditorial serifLight

Whiteboard

HeroAgencyEditorial serifLight

Eszter Bial

HeroPortfolioEditorial serifLight

Sign up free to keep browsing

See all 234 references full size, with motion and the notes behind each design.

More collections

About this collection

Editorial design borrows the confidence of print: big serif headlines, strong grids and room to read. These references show brands and publications that make a website feel like something worth sitting down with.