Ten responsive websites worth studying

The best responsive design is invisible: the page simply feels inevitable at every size, as if it had always been exactly that wide. Achieving that inevitability takes deliberate study.

These ten sites earned a permanent place in our research folder. Each one solves a different hard problem — density, imagery, navigation, type — without ever feeling like a compromise.

What the great ones share

First, fluidity over breakpoints: spacing and type scale on a continuum instead of snapping between three rigid layouts. Modern CSS makes this almost easy, and the results feel expensive.

Second, ruthless prioritisation: on a narrow screen every element must justify its existence. The sites on this list hide, collapse or transform secondary content instead of shrinking it into illegibility.

Navigation is the hard part

Resizing a hero is trivial; redesigning wayfinding for a thumb is not. Watch how the best examples progressively disclose: full menus become condensed bars, then sheets, then search-first — each step considered, none an afterthought.

Pay special attention to footers on mobile. The good ones turn into the site map the header could not afford to be.

A responsive site is not one design in three sizes. It is three good designs sharing one soul.— Workshop slide, quoted back to us ever since

How to study them properly

Open each site and drag the window slowly from wide to narrow. Notice where the layout breathes, where it restructures, and — most instructive — where it refuses to budge.

Then inspect the bones: fluid type scales, container queries, art-directed imagery. Borrow the thinking, never the pixels.

Responsive craft rewards slow looking. Ten sites, one free afternoon, and your next project will bend instead of break.

Save the list, share your own finds in the replies to the newsletter — the shelf keeps growing.