Record sleeves, torn notebook paper and barcode stickers are scattered at angles over black, framing each guest like a vinyl release rather than a webinar.
Collections · Editorial websites
7 best editorial website designs.
Websites with a magazine sensibility: confident serif and sans pairings, generous margins and layouts that read like a story.
Updated
← All collectionsWeekly Picks
01 of 07

A warm amber photo and large serif headline soften a finance product, while a chat bubble overlay hints at the human side of automation.
02 of 07

White space and isometric line-drawings of machinery give a technical, engineering feel, while large serif headlines keep the tone editorial rather than…
03 of 07

Quest cards tilted in 3D space against solid black give the opening screen the feel of a tarot spread, with oversized serif headlines doing the emotional…
04 of 07

A grand archive photo of a classical building, overlaid with small white dots and connecting lines labelled by job title, turns abstract audience simulation…
05 of 07

A sticky sidebar of real client project cards in bold yellow, green and brown blocks scrolls alongside the main column, so you browse past work and read the…
06 of 07

A huge round outlined wordmark sits over a surreal cantilevered house photo, echoing the typeface's circular letterforms before any text is read.
07 of 07

A warm, deep brown background paired with a sunlit portrait and serif headlines gives a healthcare automation tool a human, trustworthy feel rather than a…
More editorial websites.
A deep oxblood hero with oversized serif type and a small shield mark gives an AI healthcare tool an institutional, trustworthy feel rather than a typical…
A warm serif headline with a hand-drawn orange circle around 'your' gives a corporate HR site some personality, while a soft peach background and real client…
A huge rainbow-gradient wordmark splits the page into a cream top and black bottom, echoing the thermal imagery used throughout in hot pink, yellow and blue.
A real search panel with live toggles and output tabs shows the product instantly, letting visitors see the API's shape before reading a word.
A stacked gallery of attendee photos against gradient green grids sets a lively, community mood before the heavy black headline even loads, so the people feel…
A painterly hot air balloon drifting over dark red mountains sets a storybook mood, while large serif headlines with italic accents carry the metaphor down…
A dark hero with a corporate skyscraper photo and a dense grid of recognisable client logos signal credibility straight away, reassuring legal buyers before…
A giant cropped wordmark over a portrait gives the opener a magazine cover feel, while warm olive and burgundy tones and a still life of products on stacked…
A blush pink palette and a 3D paper flower soften a cybersecurity pitch, while serif headlines and generous whitespace keep the risk messaging calm rather…
A warm blush background sets off crisp dark cabin photography, letting the timber and black steel textures read as premium without extra decoration.
A huge serif wordmark sits over a render of the building's tree-like facade, then gives way to a deep green panel that lets the eye rest before each section…
A moody upward shot of skyscrapers paired with a serif headline gives this finance tool the gravitas of an old institution, while a light four-card grid below…
A dot-matrix waveform in bright primary colours turns an abstract idea like voice synthesis into something tactile, and the same dot motif returns as a globe…
Deep blue gradients and oversized serif type give a late-night, moody feel that matches the midnight-coffee idea, while a hand holding the espresso glass…
A muted photo of someone working sits behind a bold white headline and a single coral button, setting a calm, trustworthy tone before a grey logo row builds…
Full-bleed close-up portraits run edge to edge with a thin serif logo and nav floating over them, giving the skin itself room to show the results.
A Renaissance-style painting of reaching hands sets a dramatic mood, while project shots hang in gallery frames on a lined wall, like artwork rather than…
A quiet sunset photo of a family walking through a field sets a tender tone before a serif headline, paired with sourced statistics in small caps that lend…
A warm, lamp-lit photo of a real business owner sets an intimate mood before a serif headline and acid yellow buttons take over, giving the page a human,…
A terracotta and rust palette with stacked translucent diamond shapes gives a clinical product a warm, calming mood instead of the usual cold healthcare blue.
Mirrored overhead footage of orange robotic arms gives an industrial, large-scale feel that grounds an abstract AI pitch in real hardware.
A cream background and small terracotta circles give large full width photographs of barns, farmhouses and aerial landscapes room to breathe, letting the…
A large lifestyle photo of a lived-in dorm room, not an empty showroom, sets a homey mood, while a bold serif headline with a hand-drawn lilac underline adds…
A full bleed photo of an Icelandic cityscape framed like a window sets a moody tone before the page settles into a quiet grey canvas with plenty of air.
A loose node diagram of colour swatches and client photos floats beside a huge plain headline, suggesting connected research data without charts or jargon.
A warm photo of a smiling nurse on the phone paired with a serif headline makes an AI product feel human rather than robotic.
Full-bleed photos of real buildings and interiors sit in an asymmetric grid, broken by solid blocks of rust, grey and olive that label each practice area in…
Full-bleed photography of warm, plant-filled offices sits behind oversized white headlines, giving the agency's own interiors room to make the pitch.
A calm countryside photo and a large serif headline set a human, trustworthy tone before the numbers start, and the oversized stat cards ($27,000, 80¢ vs 85¢)…
A dark green textured hero with a large serif headline sets a serious, institutional mood, while a quiet grey logo row of banks builds trust before any pitch.
Misty forest photography and thin light text set a sensory, almost scentlike mood before the page shifts to warm coral and cream panels for the product…
A deep blue glowing hero with small caps type sets a cinematic tone before the page shifts to bright white cards listing clients and credentials in fading…
A soft airbrushed cloud in blue and pink sits against a purple gradient, pairing a bold sans headline with a slim serif line beneath it for contrast.
Big thin serif headlines set in staggered lines sit over warm, close-cropped portraits of men and couples, so a sensitive topic feels calm rather than clinical.
A giant serif title floats over a pale halftone sky, and small mono elevation markers in the margin track progress like an altimeter.
A deep brown canvas makes the layered orange forms, floating printed pieces, and small fragmented typography feel like a moving studio collage.
Warm chocolate-brown packaging repeats across the close-up hero photo, the product grid and the uppercase headings, so the brand reads as one consistent system.
A moody blue photo hero gives way to a pale grey page where large, tightly set serif headlines sit left and real chat and workflow cards sit right.
A warm portrait against blue sky, with orange echoed in the sweater and the buttons, makes the app feel human and friendly.
A soft beige 3D gallery scene with a puffy flower sculpture fills the first screen, setting a warm, crafted mood before any work appears.
A 3D tangle of client-branded ribbons opens the page, showing the roster before any copy does.
Near-black backgrounds, a chrome card on a lit plinth and tall uppercase headlines borrow the look of a luxury product launch.
A near-black page with white type lets the product screenshots and stock imagery carry all the colour.
A near-black canvas with thin grid lines, small bracketed section numbers and pixelated colour squares gives the studio a technical, precise feel.
Tall, thin all-caps Marcellus headlines sit over warm, close-up lifestyle photos, while products appear on plain grey backdrops in a tight grid with simple…
A large Tiempos Headline serif and a painted illustration of stadium seats give a software page a warm, editorial tone.
A warm cream page with a large serif headline and a single yellow call to action feels friendly for an AI tool.
Bold, tightly spaced dark headlines sit on warm off-white beside a grid of people posing playfully with chairs on flat yellow, purple and green backdrops.
Classical oil-painting figures set against a saturated cobalt blue tell an unusual, memorable story, carried scene by scene through pear trees, golden fruit…
Full-bleed wildlife and ice photography carries giant condensed white capitals, while small italic serif lines add a quieter luxury voice.
Large thin serif capitals on black, paired with warm bronze photography of offices and sculptural forms, give the page the hush of a private bank.
A dark chocolate background lets film stills and portraits glow, while a red-orange script signature and looping lines cut across chunky cream sans-serif type.
Dark, warm product photography alternates with bright white sections, giving each kettle and tea maker its own spotlight.
A knitted yarn-ball mascot and wooden toy-like icons soften a data-heavy engineering product.
An elegant serif headline with an italic second line and a single phone mockup showing a real text conversation make the product instantly clear.
Amber-lit portrait photography and a thin high-contrast serif wordmark set a gallery mood from the first screen.
A large light serif headline over a deep blue sky photo sets a calm, editorial tone for software.
A fanned strip of varied images under a serif headline shows the range of output at a glance.
A pale yellow header, then a black band with a white line drawing of control panel parts, signals engineering precision without stock imagery.
Colourful artwork tiles scattered around a heavy serif headline on black show what users make before any feature is explained.
An oversized olive high-contrast display wordmark fills the top, then a staggered collage of jewel-lit portraits introduces the person behind the studio.
Huge dark green serif capitals with a small black and white photo set into the name give a personal portfolio the feel of a magazine cover.
A large typewriter-style serif name and small monospace labels on soft warm grey set a quiet, personal tone.
Large serif statements, each given a full screen of off-white space with one coloured word, make a serious subject feel calm and readable.
A big typewriter-like serif headline beside a notes window with a video call inset shows the product in use straight away.
A large serif headline on black, crossed by thin curved lines, gives contract software an authoritative feel, and a workflow mockup sits directly below it.
Warm, softly lit full-width photographs of interiors do the selling, with only a small vertical monogram and tiny sans labels around them.
Towering condensed serif capitals spell the name across a warm charcoal block, with tiny sans details pinned to the corners.
Three soft knit-covered robots on a pale grey field, shot like a fashion campaign, make an unfamiliar machine feel gentle and domestic.
A full-width wordmark over a soft, blurred portrait opens the page, followed by a large serif statement and big paired photographs with tiny captions.
How these were chosen
An editor chooses every website in the library, and each one is reviewed for typography, layout, colour, motion, content and originality.
The best-reviewed editorial websites lead the list; the rest of the collection follows.
What the best ones get right
- A clear type hierarchy, often with a serif for display
- Long-form layouts with room around the text
- Images and words arranged like a spread, not a feed
Questions designers ask
What is editorial web design?
Design that borrows from print: strong typography, careful spacing and layouts that guide you through a story.
Which fonts do these sites use?
Each website page lists the fonts measured from the live site, so you can see the pairings these designers chose.
How are the best picks chosen?
An editor chooses every website in the library, and each one is reviewed for typography, layout, colour, motion, content and originality. The best-reviewed sites lead the collection.
Every one of these editorial websites, A to Z
- 1X Technologies
- 21Oaks
- Affinity
- Agiloft
- Amby
- Amperos
- Applied Imagination
- Arqé
- Artificial Societies
- Beauty In Stem
- Belgrade Arbor
- Bloom
- Breeona Nechole
- Catalyst Behavioral Sciences
- Chandebootcamp
- Clarion
- ClarityCare
- CO'CŌŌN
- Componine
- Corridor
- Cusp
- Different
- EADEM
- Exa
- Focal Glow
- Frontify
- Graham McDonnell
- Grail
- Granola
- Hebbia
- Heist
- Jose Ocando
- Kelvin
- Khanh Nguyen
- Komma Komma
- Léo Parpeix
- Loti
- LPAS
- Lumenus
- LxL Creative
- MECHA
- Melius
- Menkind
- Monk
- Moto Finance
- Navia
- Nevis
- Noho
- Nokken
- Odyssée
- Offloop
- Orchid
- Ortolan
- Osmo
- Parker Studio
- Parloa
- Pear
- Pensatori Irrazionali
- Podium Automation
- PostGeneric
- Pp Frama
- Rectangles
- Regina Musi
- Rime
- Rogo
- Rylo
- Saki
- Spellbook
- Studio Loop
- TaylorHare Architects
- Tennr
- Thirdway
- Twin
- Twohands
- Vero
- Voiceflow
- Weave
- White Desert
Get Weekly Picks.
A focused selection of websites and sections, delivered by email.
Weekly Picks