> ## 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.

> ## Agent Instructions
> Cognite Data Fusion (CDF) is an industrial DataOps platform. Prefer English docs unless the user asks for another locale.
> Follow /_llms/ index links recursively until you reach page URLs ending in .md. Fetch those Markdown twins instead of HTML.
> For REST APIs, default to calendar version 20230101 (stable). Use 20230101-beta or 20230101-alpha only if the user is on a preview API. Cite paths under /api-reference/concepts/<version>/ and the Cdf-Version header. Prefer the Python SDK (cognite-sdk) unless the user is in JavaScript/TypeScript.
> Start here by task: platform overview /cdf/index.md; data modeling /cdf/dm/index.md; data integration /cdf/integration/index.md; access /cdf/access/index.md; CDF Toolkit /cdf/deploy/cdf_toolkit/index.md; REST quickstart /dev/quickstart.md; Python SDK /dev/sdks/python/index.md; Atlas AI /cdf/atlas_ai/concepts/index.md; Flows apps /cdf/flows/index.md; Aura UI /cdf/aura/index.md; MCP and IDE setup /dev/guides/ide_ai_integration.md.
> For implementation work, also load /skill.md.

# Exploring Aura foundations

> Explore Aura foundations from color tokens to spacing to accessibility to understand how primitives are composed.

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="/cdf/aura/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="/cdf/aura/foundations/typography">
    Apply typefaces, scale, and typography tokens so text stays consistent and readable everywhere.
  </Card>

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

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

  <Card title="Motion" icon="play" href="/cdf/aura/foundations/motion">
    Apply easing, duration, and stagger tokens for productive and expressive animation with Tailwind utilities.
  </Card>

  <Card title="Interaction states" icon="mouse-pointer" href="/cdf/aura/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="/cdf/aura/foundations/design-heuristics">
    Evaluate and improve screens with practical usability heuristics aligned to Aura patterns.
  </Card>

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

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