Web Design System

Build the smallest system that makes the product more coherent. Favor semantic contracts that components can use over a large inventory of decorative values.

Choose the Mode

• Extract when the product is visually coherent but undocumented.
• Reconcile when multiple patterns conflict.
• Create when a new product has no established UI language.
• Extend when a feature needs states or components the system lacks.

Workflow