Carlos deArtola monogramCARLOS DE ARTOLA
BUILD

Enterprise Design System

A hand-authored HTML/CSS system for dense product UI, documented as its own multi-page site.

STACK
HTML · CSS · TypeScript
HOW IT'S BUILT
FROM THE README

What's under it.

  1. Ten components, three compositions

    Each shown live with its usage and its code beside it, plus six principles the whole system is held to.

  2. Four modes

    Light, dim, dark and high contrast, each a set of token values on the same components.

  3. WCAG AA

    Built to the WCAG AA standard.

  4. A typed runtime

    The documentation runtime (navigation, pager, example panels) is compiled from strict TypeScript.

LIVE SYSTEMOPEN THE LIVE SYSTEM
The system is its own site. Open it to use every component in all four modes.
The Enterprise Design System landing page