Design systems

A brand you can build with

Most brand guidelines describe how a brand should look. They start to fail when someone builds a product from them, because the colours may not pass contrast checks, the type scale has never met a long paragraph, and missing components get improvised under deadline.

We design systems that close that gap, with tokens, type scales, colour roles, spacing and components specified closely enough to build from directly. We also build the product with the system, so it gets tested on real pages before we call it finished.

Building on Wee Wild Ones' palette

Wee Wild Ones came with brand colours worth keeping and a network of centres about to grow. We kept the palette and developed it into full colour scales, with rules for where each hue appears. Recoleta's curved letterforms set the headlines and Pangea, a geometric sans-serif, steadies everything around them, while simple illustrated shapes and textures carry the warmth. New centres launch from the same parts.

Classroom Champions' block library

Classroom Champions' Webflow site had collected so many plugins that routine edits risked breaking it. We rebuilt it on Prismic and Next.js, settled the brand on one typeface, Work Sans, and developed tonal colour scales from the palette they already had. The marketing team now builds pages from a modular block library, and the system handles the fonts, colours and layout for them.