Design system

Without a system, every site grows into fifteen variants of the same button.

TokensComponentsDocumentationMaintenance
Design at Flii Media

What a design system is

One defined set of building blocks: colours, text sizes, spacing and components, with agreements on when to use what. Design and code refer to the same source, so they don't drift apart.

What we define

When it pays off

Not for a single standalone page. As soon as several people work on it, or the number of pages grows, it quickly becomes the cheapest option: every new page is then a matter of assembling rather than designing from scratch.

It falls apart without an owner

A system nobody maintains is ignored within a year because it is no longer accurate. Agree who decides on additions, or you will end up with fifteen buttons anyway.

A question or project on this topic?

Cases using this service

Plant-E→ Web design and development for Plant-E — the Dutch company that generates electricity from… Web development · Development Soest Machinery→ Soest Machinery is a Dutch manufacturer of industrial finishing equipment, including machines… Search engines · Development · Tracking Royal HaskoningDHV→ For one of the world's largest engineering firms, we started with a targeted Google Ads campaign… Campaigns · Search engines · Tracking