> ## Documentation Index
> Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Foundations

> Foundations define the core visual and interaction rules that ensure Anvil2-based interfaces remain cohesive across products.

## Anvil2 Foundations

Foundations include color, typography, spacing, duration, and more. Learn more about each by visiting the [Foundations](/docs/web/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.

### Related

* [Foundations](/docs/web/foundations)