Architecture Website Design Inspiration
Page 2 · Back to the full collection
Explore architecture firm websites, project portfolios, and publications. Compare how each design organizes buildings, balances photography with text, and leads visitors from a project image to the story behind the work.
Designboom
Editorial magazine grid led by a striking photo hero, a Highlights band, and dense card rows.
John Pawson
One full-bleed photograph, a tiny corner wordmark—extreme restraint, exactly like his buildings.
Diller Scofidio + Renfro
Full-bleed aerial of the High Line with a vertically rotated sidebar wordmark—ultra-minimal.
Adjaye Associates
Full-bleed street-level photo of a landmark building, light serif wordmark, subtle carousel dots.
Architecture
Studio Gang
White editorial layout with a big headline, inline colored links, and a featured news story.
Kengo Kuma
Edge-to-edge full-bleed photo of a faceted stone façade under deep blue sky; whisper-quiet wordmark.
Architectural Digest
Glossy magazine layout with round category shortcuts and a two-column feed of house-tour features.
Dezeen
A busy editorial magazine grid: dense top nav, a highlights carousel, and rows of story cards.
Sasaki
Clean white page with a playful rainbow-multicolor logo and a friendly one-line tagline.
Foster + Partners
Dark, full-bleed interior photography with a slim white wordmark and a rolling news ticker.
Bjarke Ingels Group
Left-hand project index with black-square markers beside large, orderly architectural photographs.
Zaha Hadid Architects
A dark, dense, information-rich interface with multi-column news and an archive search—deliberately retro.
Selldorf Architects
Elegant centered serif wordmark above a full-width project slider of cultural buildings.
7132 Hotels
Cinematic full-screen alpine gorge photography behind a centered serif wordmark.
Olson Kundig
Dark full-bleed video framed through an angular window, with a quiet white headline overlay.
Norm Architects
Full-width daytime building hero above a conventional dropdown nav and an “Our Projects” grid.
David Chipperfield Architects
Airy white space, restrained light nav, and a single large project photograph front and center.
Snøhetta
Crisp white layout, a bold oversized sans-serif statement, and a horizontal filmstrip of projects.
Heatherwick Studio
Split-screen video hero with oversized serif labels—“projects” and “studio”—set over full-bleed footage.
Rob Paulus
Wide photo of corrugated-metal buildings behind a stacked-timber wall; blue wordmark and project caption.