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

# Exploring Aura foundations

> Explore Aura foundations from color tokens through accessibility so you can align spacing, type, elevation, and inclusive patterns with product UI before composing primitives.

Use these guides to understand tokens, layout rhythm, motion cues, interaction signifiers, heuristic checks, and WCAG-oriented practices that underpin Aura components.

<CardGroup cols={2}>
  <Card title="Color" icon="palette" href="/aura-design-system/foundations/color">
    Learn how ramps, semantic theme tokens, and chart palettes stay theme-safe across light and dark UI.
  </Card>

  <Card title="Typography" icon="pen-tool" href="/aura-design-system/foundations/typography">
    Apply typefaces, scale, and typography tokens so text stays consistent and readable everywhere.
  </Card>

  <Card title="Size" icon="ruler" href="/aura-design-system/foundations/size">
    Use spacing, sizing, radius, and stroke tokens to establish hierarchy and rhythm in layouts.
  </Card>

  <Card title="Effects" icon="layers" href="/aura-design-system/foundations/effects">
    Apply elevation and focus-ring tokens for depth, attention, and predictable keyboard focus.
  </Card>

  <Card title="Interaction states" icon="mouse-pointer" href="/aura-design-system/foundations/interaction-states">
    See how affordances, signifiers, and built-in states keep interactive UI clear and consistent.
  </Card>

  <Card title="Heuristic guidelines" icon="lightbulb" href="/aura-design-system/foundations/design-heuristics">
    Evaluate and improve screens with practical usability heuristics aligned to Aura patterns.
  </Card>

  <Card title="Accessibility" icon="contrast" href="/aura-design-system/foundations/accessibility">
    Meet shared contrast, focus, semantics, and media expectations so interfaces work for more people.
  </Card>

  <Card title="Customization" icon="paintbrush" href="/aura-design-system/foundations/customization">
    Extend or override Aura style tokens in a consuming app when scoped overrides are appropriate.
  </Card>
</CardGroup>