HTML in Design Systems
Align HTML patterns with a shared design system component library.
What Design Systems Provide
A design system is a shared library of components, tokens, patterns and guidelines used across an organization's products. The HTML side of the system encapsulates markup conventions so every product renders consistent button, modal, form and card structures.
Tokens, Components, Patterns
Tokens are atomic design values (color: blue-500, spacing: 16px). Components are reusable HTML+CSS+JS units (Button, Modal, TextField). Patterns are higher-level compositions (login form, content card with avatar). The HTML structure is fixed at the component level; patterns combine components.