Links

All links

A system of common components

In A Global Design System, Brad Frost makes a case to:

centralize common UI components, reduce so much of this unnecessary duplication, integrate with any web-based tech stack, and create a connected vehicle for delivering front-end best practices to the world’s web experiences.

His proposal explicitly isn't “new HTML features”. We're working on that over at Open UI, and it's fruitful and good, but also hard, because web compatibility is complicated. It's challenging to get accessibility “built-in” in: these web platform features, like a fully customisable select, need to be flexible and styleable enough so that people actually want to use them, but also inflexible enough so that people can't accidentally use them to make something inaccessible. Or maybe “inflexible” isn't the right word… it's a matter of adding “guardrails” to these features: what sort of ARIA relationships and states should apply when? Browsers can't guarantee what developers are trying or going to do.

Anyway, Brad's “global design system“ is not that, it's proposed as a layer on top of HTML, a common library between design systems. That too resonates with me. In fact, it is close to what NL Design System is setting out to do. Different government departments and layers maintain their own design systems, but share a common architecture and reuse themeable components and tests from one another.