One decision, a hundred screens
By Ali Abedi ·
Every Magenta Web website, even a five-page one, is built on a design system: one set of named decisions for colour, spacing, type, motion and radius that every component reads. It is why a rebrand is a one-file change, a spacing fix lands on every screen at once, and the site your team inherits at launch is the same system two years later.
Why not build one screen at a time?
Most small sites are built one screen at a time. A heading gets its size because it looked right that afternoon. A card gets its padding from whatever the last card had, roughly. Six months later the site has forty shades of gray and no two buttons that match, and every change means hunting down each place the old decision lives.
What is a design system on a small website?
We build differently. Every project starts from a token system: one set of named decisions for color, spacing, type, motion, and radius, and components that read only those names. When a heading renders at a certain size, it is because the system says headings at that level render at that size, everywhere.
What does a design system save you later?
The payoff is not neatness for its own sake. It is speed and safety. A rebrand becomes a one-file change. A spacing adjustment lands on a hundred screens at once and cannot half-land. And when a client asks for something new, we compose it from parts that already know how to behave.
This is the quiet reason our builds hold up. The launch-day site and the two-years-later site are the same system, just with more pages.
Questions
- Does a five-page site need a design system?
- Yes. The system is what makes the five pages one site: the same colour, spacing, type, motion and radius decisions on every screen, and a change made once landing everywhere.
- What happens when we rebrand?
- The brand layer is one file. New colours and faces go in there, every component reads them, and the site is rebranded without a rebuild.
- Can our team edit the site after launch?
- Yes. Content lives in a CMS your team runs; the system holds the look, so an edit cannot break the layout.
Ali Abedi is the founder of Magenta Web, a brand identity, web design, and digital marketing studio in West Palm Beach, Florida. He has designed and built websites for architecture, hospitality, legal and technology clients for more than ten years.