← All services
Service 04

Design System

Token-driven, not improvised

Design TokensStorybookAccessibility
The problem

Without a design system, every new page reinvents colours, spacing, components — and the site ages inconsistently, section by section.

How we work

A scalable design system with Style Dictionary: automated tokens, shared components (shadcn/ui), Storybook documentation. Consistency guaranteed even as the site grows, not just at launch.

The process
01

Visual audit

We map the colours, spacing, typography already in use (including the undeclared ones) to see what to keep and what to correct.

02

Tokens

Palette, type scales, spacing declared as variables, not repeated by hand in every component.

03

Shared components

A library (shadcn/ui) as the base, customised to the brand, not a generic theme repurposed.

04

Documentation

A design system nobody consults is useless: we document it where whoever works on the site actually finds it.

What's included
  • Declared colour, typography and spacing tokens
  • Shared, reusable component library
  • Visual consistency guaranteed even as the site grows
  • Documentation people can actually consult, not just code
Who it's for

For those planning to add pages and sections over time — a blog, new services, a new language.

Who it's not for

Not for a one-page site that won't grow: there, a design system is more structure than is needed.

Projects using this approach
IT Services · Quartu Sant'Elena

Quartu Informatica

Your local IT partner.

Used Cars, Rental & Detailing · Quartu Sant'Elena

Autostile

Cars we know one by one.

Is this exactly what you need?

Tell us about your project