interfaces.dev — the model: a page that measures itself in front of you

Source. interfaces.dev · captured headless at 1440×900 on 15-08-2026 · a magazine about interface details, by Jakub Krehel.

What it is. A written magazine about what makes an interface feel good. Its own first screen is the argument: the title is annotated like a file open in a design tool — a colour chip reading oklch(0.991 0 0), a label pointing at the x-height, a selection box around one word reading 294 × 58, the name of the serif under it, a pink strip showing 32 px of space above the button, and the button itself tagged « Call To Action ». Ground #fcfcfc. Nothing is dark.

The three things to copy

Annotate the real element, never a drawing of it. Every label points with a thin leader line at the actual live title, the actual button, the actual gap. The reader learns the word (x-height, call to action, 32 px) while looking at the thing it names. This is our own « show, don't label » rule, executed better than we execute it.

Let the reader move one value and watch. Further down, a padding demonstration carries « Show values », « Hide guides » and a width figure the reader can change; the box redraws as they do. A rule that can be moved is remembered; a rule that is stated is skimmed.

A serif word inside a sans sentence. « Magazine » in Libre Baskerville italic under two lines of grotesque; « I think a lot about… » with the two words in the serif, underlined. One face carries the argument, the other carries the feeling, in the same line.

What we refuse

Annotations everywhere. On this page they are the subject. On a teaching page about a service they would be noise: use them only where the page is explaining its own construction — the compendium, the design rules, a page about type.

The subscription frame. Log in, Subscribe, a paywall around the deeper pieces. We take the grammar, not the business.

Where it sits

Here in the bank as a model, and in the sources list as something to read: it is a magazine about the small details that make an interface feel finished, which is the layer above our own rules.