Anvil2 Foundations
Foundations include color, typography, spacing, duration, and more. Learn more about each by visiting the Foundations section.How to use Foundations
- Use tokens through Figma styles and code imports.
- Do not hardcode hex values, spacing, or typography.
- Follow layout rules and spacing scale.
- Maintain accessible contrast, focus, and behavior.
- Keep designs linked to the library, avoiding overrides.
Extend only when:
- A repeated need exists across multiple teams.
- The gap cannot be addressed through current system tools.
- The extension follows naming and accessibility rules.