Projects requests, work orders, people, places, assets, contracts, webhooks and audit records into reusable surfaces.
System role
Contract metadata resolves content, policy and state; recipe axes resolve presentation.
Rendered component states
Use
context: list is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
context: detail is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
context: picker is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
context: dashboard is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
context: thread is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
intent: row is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
intent: card is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
intent: detail is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
intent: stat is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
intent: media is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
intent: relation is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
intent: audit is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
intent: thread is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
density: compact is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
density: comfortable is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
density: spacious is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: neutral is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: info is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: success is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: warning is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: danger is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
surface: flat is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
surface: bordered is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
surface: raised is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
surface: inset is selected by contract metadata, responsive context or explicit recipe configuration for Projection.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.