Dallonses logo

Style guide

What is a style guide?

A style guide is the document that defines how a brand or product should look and sound. Colors and their exact values, typography and how to use it, logo rules, imagery, spacing, and often tone of voice. It exists so that everyone touching the brand, inside the company or out, makes the same choices and the work stays coherent.

People mix it up with two related things. A style guide is the rulebook for visual and verbal identity. A component library is the set of actual reusable UI pieces, usually built in code. A design system is the larger structure that contains both the style guide and the library, plus the principles and usage guidance that tie them together. Put simply, a style guide tells you the brand uses this blue and this typeface; a component library hands you the built button in that blue; a design system tells you which button to use, when, and why. When a marketing team, an agency, and an internal product team all produce work that looks like the same company, a style guide is what aligned them.

Style guides range from a one-page brand sheet to a detailed living document covering accessibility, motion, and content rules. The good ones are practical and current, written to be used while the work is happening, not filed away after a brand launch.

Style guides at Dallonses

We build style guides as working documents, not laminated brand bibles that sit in a drawer. When we partner on UI design and design systems, the style guide captures the decisions that everyone, your team and ours, needs to make the same call without a meeting. Clear, current, and tied to the real product.

For global brands working across many teams and markets, the style guide is what keeps the work consistent at a distance. We define the rules with your team, connect them to the components and tokens that bring them to life in code, and document them so people can act on them long after we have wrapped. The brand stays coherent because the guidance is usable.

Need a brand that stays consistent across every team and channel? Let's document it.

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