Introducing Calibrate: Measured’s brand design system

When I was building Facet earlier this year, I wanted it to reflect Measured’s visual identity. While the visual language already existed, there was no reusable system behind it, so building Facet’s UI meant translating the brand into tokens, components, and patterns from scratch.

That gap had never felt particularly important before. The visual identity was already doing its job: it gave us a website, a social presence, and a consistent way to represent Measured. At the same time, because design systems are such a core part of our client work, we’d often talked about creating one for ourselves. It was a worthwhile idea, but one that always seemed to sit just below the line.

Over the last year or so, that started to change.

AI-assisted development tools have made it easier to explore ideas in software. Facet is a case in point: projects like this are simply more practical to experiment with now. For us, that increased the value of having a design system ready to use.

The same tools also made the prospect of building the system itself feel more achievable, in part because they make it much easier to experiment with and refactor architecture as you go.

The more I worked on the idea, the more it felt worth doing properly.

A few months later, the result was Calibrate: a design system built around the Measured visual identity, and a working example of our approach.

Since then, Calibrate has also become the foundation of this site, replacing the bespoke implementation that came before it.