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

550 B

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.