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

# Building with the Aura design system

> Explore Aura foundations, primitives, and developer guidance for building consistent, accessible product UI in Cognite Data Fusion (CDF) and Flows custom apps.

Use these articles to understand Aura, adopt it in your projects, and build consistent product UI with shared foundations and primitives.

<CardGroup cols={2}>
  <Card title="What is Aura" icon="sparkles" href="/cdf/aura/what-is-aura">
    Learn how Aura's AI-native foundations, primitives, and tooling support Cognite Data Fusion (CDF) and Flows custom apps.
  </Card>

  <Card title="Exploring Aura foundations" icon="palette" href="/cdf/aura/foundations/index">
    Understand color, typography, spacing, effects, interaction states, heuristics, and accessibility tokens.
  </Card>

  <Card title="Primitives overview" icon="shapes" href="/cdf/aura/primitives/index">
    Browse Aura primitives by category, from data display and inputs to navigation and overlays.
  </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>

  <Card title="In development" icon="road" href="/cdf/aura/developer-guide/in-development">
    See what the Aura team is building now and what is planned for upcoming releases.
  </Card>
</CardGroup>