Foundations establish the base layer of your system. They cover tokens, naming, accessibility, and testing practices that make everything built on top more consistent and scalable. Without strong foundations, components become fragmented and hard to evolve. This strategy ensures the basics are solid before you build higher-level patterns or roll out changes across teams. Use it early and revisit it whenever standards or tokens need rework.
How to
-
Start with an audit
Run the Audit tactic to capture what already exists across design and code. Use this evidence before making structural decisions.
-
Create naming standards
Work through Token Naming Standards to decide how tokens are structured and layered. If working across brands, use Cross-Brand Consolidation. Validate with Match That Token or Name That Icon.
-
Set up token management
Define how tokens are versioned, updated, and distributed with Token Management.
-
Check accessibility
Run an Accessibility Review to ensure tokens support inclusive design.
-
Test usability
Apply Usability Testing to confirm tokens, components, or templates make sense in real workflows.
-
Invite critique
Run a Design Crit to stress test early work and gather feedback across disciplines.
-
Release foundations
Follow the Release tactic to roll out changes, update guidance, and communicate clearly so teams adopt with confidence.
