# Design system

> The shared vocabulary of a product's UI — tokens, components and rules — so every new screen looks like the same product built it.

Without one, every screen is a negotiation: this modal's padding, that button's blue, three font sizes where one was meant. A design system decides once — spacing tokens, type scale, the button's variants — and every screen after inherits the decisions instead of relitigating them.

The return shows up in speed and consistency: new pages assemble from parts, redesigns touch tokens not files, and the product feels authored. The trap is scale-appropriateness — a five-page site needs five decisions and a stylesheet, not a component library with documentation.

## Related terms

- https://dfieldsolutions.com/en/glossary/wcag.md
- https://dfieldsolutions.com/en/glossary/semantic-html.md
- https://dfieldsolutions.com/en/glossary/core-web-vitals.md

---

Source: https://dfieldsolutions.com/en/glossary/design-system
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.com/en/contact