# Respage design system

> Implement maintained Respage web UI using the canonical shared components and existing product behavior.

Read the compact index, then its recipe and exact specification for the requested component. Detailed token diagnostics are separate and needed only for theme work. Specifications include source-derived APIs, imports/providers, projection slots, caller ownership, interaction rules, and working example code. Confirm the target checkout contains the referenced implementation.

- [Implementation guide](reference/ai-guide.md): Read for source authority, reuse rules, permissions, tokens, and verification.
- [Component index](reference/index.json): Choose by useWhen and follow its recipe and exact spec links.
- [Source adoption](reference/adoption.json): Updated surfaces using shared controls; source adoption is not deployment.
- [Specification schema](reference/component.schema.json): JSON schema for component contracts.
- [Runtime brand tokens](reference/respage-tokens.json): Canonical generated brand defaults.