Real design work, picked apart to see why it works

Every showcase names the studio, the brief and the decision behind it, and where motion is involved you can test the actual easing curve in the Cubic Bezier Architect.

Turn a showcase's spacing or colour choices into working code with the CSS Variable Architect Check a showcase's palette against real contrast requirements with the True-Contrast Smart Palette

Work chosen because of what it does

Inspiration Showcases collects finished design work, brand identities, editorial layouts, digital products, packaging, exhibition graphics, and looks at what the work is doing. A screenshot tells you the colour palette and the typeface. It doesn't tell you why the grid holds together, what the brief was probably asking for, or where the designer chose to break their own rules. That's the gap this section tries to close.

What gets included

A piece earns a place here because a specific decision in it is worth pointing at: the way a typographic scale carries a reader from headline to footnote without a jump that feels arbitrary, or the point at which a rebrand quietly drops an old convention its audience would have missed if it had gone all at once. The same goes for motion. A digital product showcase might turn on the easing curve behind a single transition, the difference between a menu that snaps open and one that settles into place, and that's a decision worth testing. The Cubic Bezier Architect lets you drag the same kind of curve a showcased interface is using and watch it play back, so a claim about "weight" or "snap" in the write-up stops being a metaphor. Trend round-ups don't qualify on their own. Describing what something looks like is the easy half of the job; showing why it was built that way, and whether it actually solves the problem it was set, is the half that makes a showcase worth reading.

How to use a showcase

Read past the first paragraph before deciding whether a project applies to your own work. A showcase built around an editorial redesign might be about grid systems, but the underlying point, how much whitespace a layout can afford before it starts to feel empty, applies just as well to an app screen or a poster. Look for the tradeoff too. Work that gets one thing right nearly always gives something else up, and a showcase that only praises isn't being straight about that exchange.

Where to go from here

If a showcase raises a question you want argued out at length, that's the job of Criticism & Commentary. For work as it's released, week to week, The Design Feed covers the newer end of things. And if a showcase leaves you wanting to find the people behind a particular piece of work, the UK Design Studios Directory is where that search starts.

Admiring the work is the easy part

Every showcase here rests on decisions you can reverse-engineer: a spacing scale, a colour system, a type ratio, sometimes an easing curve that makes a hover state feel considered. Turning that study into files you can actually ship is a separate step, and it's what these tools are for, including the Cubic Bezier Architect when what caught your eye was how something moved.