All articles

Process

6 min read

Why we ship every asset with tokens first

Tokens aren’t a nice-to-have. They’re the reason a UI kit survives its second project. Here’s how we structure ours.

Tokens aren’t a nice-to-have. They’re the reason a UI kit survives its second project. Here’s how we structure ours. We learned most of this the hard way, by shipping, listening to buyers and rewriting our own files more times than we’d like to admit.

Start with the system, not the screen

Every product we sell begins as a small set of decisions: a spacing scale, a type ramp and a handful of color roles. Screens come later. When the foundations are right, everything built on top of them inherits that quality for free.

Make it easy to change your mind

The buyer of a template is always going to change things. Our job is to make those changes cheap: one token instead of forty hex codes, one component instead of twelve copies. That’s the whole philosophy, really.

Keep reading

More notes from the studio

Create a free website with Framer, the website builder loved by startups, designers and agencies.