Interface kit

Follow the project's design system and existing components. If no system exists, choose a small set of tokens and a visual direction suited to the audience and task. The defaults below are design preferences, not accessibility conformance requirements.

Start with the working context

• Read the relevant design brief, DESIGN.md, component library, and package versions.
• Preserve existing framework and styling conventions. Add a dependency only for a demonstrated gap.
• Resolve the main user flow, content hierarchy, and loading, empty, error, and success states before decorative motion.
• Route React server/client questions to [[z-react-core]] and TypeScript configuration to [[z-ts-core]].

Typography and layout