Full-bleed photo of a glass extension on a Georgian house, quirky script wordmark, “enter” cue.
The architecture collection
Architecture Website Design Inspiration
Explore architecture firm websites, project portfolios, and publications.
About this collection
Compare how each design organizes buildings, balances photography with text, and leads visitors from a project image to the story behind the work.
50hand-picked websites
Colorful, densely packed thumbnail grid of captioned projects—playful and hands-on.
A hand-drawn panoramic city illustration stretched across a white page; tiny corner wordmark.
Utilitarian, filterable thumbnail grid packing dozens of projects onto one dense screen.
Graphic black-and-white checkerboard grid of abstract project icons and photographs.
Clean white grid with a centered wordmark and a tidy three-column project index.
Symmetrical white layout: centered serif wordmark above one carefully framed project photo.
Full-bleed street photograph of a campus and passing train, compact “RPBW” mark, bottom nav.
Radically sparse: a single satellite map of Mumbai and plain contact details, nothing more.
Black-and-white exhibition landing with huge Japanese calligraphic type and a portrait hero.
Almost-empty white canvas with one small video thumbnail and a tiny bilingual side nav.
High-density news portal with leaderboard ads, deep nav, and a latest-stories grid.
Editorial magazine grid led by a striking photo hero, a Highlights band, and dense card rows.
Desktop + mobile reviewOne full-bleed photograph, a tiny corner wordmark—extreme restraint, exactly like his buildings.
Full-bleed aerial of the High Line with a vertically rotated sidebar wordmark—ultra-minimal.
Full-bleed street-level photo of a landmark building, light serif wordmark, subtle carousel dots.
Desktop + mobile reviewWhite editorial layout with a big headline, inline colored links, and a featured news story.
Edge-to-edge full-bleed photo of a faceted stone façade under deep blue sky; whisper-quiet wordmark.