Dallonses logo

Design tokens

What are design tokens?

Design tokens are named values that store visual decisions. Instead of writing a hex code like #1A73E8 in fifty places, you define color-primary once and reference it everywhere. Colors, spacing, font sizes, border radii, shadows, animation timings. Each becomes a small, reusable variable that both designers and developers point to.

The power is in the indirection. Because a token is a name, not a raw value, changing the value in one place updates every screen that uses it. Tokens also enable theming with almost no extra work: swap the values behind your token names and a product flips from light to dark mode, or from one brand to another, without touching layout. Tokens usually sit at the foundation of a design system, feeding the component library above them. When a company rebrands and its blue shifts, a tokenized product changes one definition rather than hunting through thousands of files. A token like spacing-md means a designer and an engineer are finally talking about the exact same eight pixels.

Tokens are typically structured in tiers. Primitive tokens hold raw values. Semantic tokens give them meaning, like color-text-error. Component tokens map meaning to specific parts. That layering is what lets a large product stay consistent while still being easy to change.

Design tokens at Dallonses

We build design tokens as the backbone of the design systems we ship. Tokens are where design and engineering finally speak the same language, so a value defined in design lands in code without translation loss. It is the difference between a system that drifts apart over time and one that stays coherent as it scales.

For global brands running multiple products and themes, tokens are what make rebrands and dark mode a configuration change instead of a rebuild. We define the token structure with your team, wire it into your UI design and your codebase, and document it so your engineers can extend it long after we have moved on. The system stays yours.

Want a design system that changes in one place, not fifty? Let's set up your tokens.

Talk to us about design systems

Related services


Ready to work together?

Book a meeting
Aymón holding a Tools magazine in front of their facem
Ari working on a laptop outdoors surrounded by plants
Top-down view of a wooden desk with a keyboard, mouse, and headphones
Hand-drawn illustration of a hand snapping fingers
Nico leaning against a water cooler next to a fire extinguishe
Close-up of an open computer with circuit board and components on a wooden desk
Bernat and Andreu collaborating at a desk with monitors and a laptop
Hand-drawn illustration of an open hand waving
Aymón holding a Tools magazine in front of their facem
Ari working on a laptop outdoors surrounded by plants
Top-down view of a wooden desk with a keyboard, mouse, and headphones
Hand-drawn illustration of a hand snapping fingers
Nico leaning against a water cooler next to a fire extinguishe
Close-up of an open computer with circuit board and components on a wooden desk
Bernat and Andreu collaborating at a desk with monitors and a laptop
Hand-drawn illustration of an open hand waving