learning_ai_common_plat/dashboards/ux-lab/lovable-settings-ux-kit/DESIGN_SYSTEM_BRIEF.md

Design System Brief (Must Follow)

This repo is a settings UX kit intended for production reuse.

Non-negotiable rules

• No console.log.
• No network calls.
• No hardcoded colors (no hex/rgb/hsl). Use CSS variables only.

Token usage

• Use UX_TOKEN_CONTRACT.md.

Component architecture

• Reusable components in src/components/**.
• Pages in src/app/** compose components.
• Components must NOT import from src/app/**.

Accessibility

• Keyboard accessible.
• Proper labels/aria for form inputs.
• Esc closes dialogs.