Design system: components and guidelines
A component library and usage rules for consistent interfaces.
01 — In brief
Design system
A design system brings together your colours, typography, components and usage rules. Your teams design and build faster, with an interface that stays consistent from one screen to the next.
Reusable components
Buttons, forms, cards: designed once, used everywhere.
Clear foundations
Colours, typography and spacing defined once and for all.
Documented rules
A guide that explains when and how to use each element.
02 — Services
What we do
- Foundations: colours, typography, spacing
- Component library
- Usage guidelines
- Documentation for designers and developers
03 — Use cases
Example projects
A few situations where this service comes into play.
- A SaaS product with a growing number of screens
- Several applications to harmonise
- A growing design and development team
- Gradual redesign of an existing interface
04 — Method
How your project unfolds
The steps we follow, from the first conversation to ongoing support.
Brief & inspiration
We listen to your needs, analyse your brand and define the visual goals.
Sketches & concepts
We explore graphic directions: logos, colour palettes, typography and visual styles.
Final design
We refine the chosen visuals and adapt them to your different media (print and digital).
Delivery & support
Files delivered in every format you need, with guidance on how to use them.
05 — Technologies
Technologies and tools
The tools we bring to this service, and what they add to your project.
Figma
UI/UX & prototyping
Mockups, interactive prototypes and shared component libraries.
Storybook
Design system
A living catalogue of components: designers and developers speak the same language.
Tokens Studio
Design system
Design tokens: colours, typography and spacing kept in sync between Figma and code.
Frequently asked questions
Everything you need to know to get your project started.
When does a design system become useful?
As soon as a product has many screens, or several people work on it. It avoids redrawing the same elements and guarantees consistency.
How is it different from brand guidelines?
Brand guidelines define the identity of the brand. A design system goes further: it provides the interface components and their usage rules.
06 — Explore more
Other services in this division
Have a project in mind?
Describe what you need and we will get back to you as soon as possible.
Request a quote