learning_ai_common_plat/dashboards/ux-lab/lovable-design-tokens-playground/README.md

Lovable — Design Tokens Playground

GitHub repo: saravanakumardb/temp_lovable-design-tokens-playground

This folder is designed to be used as a standalone repo.

What it is

A visual QA and design token exploration micro-app:

• Theme toggle + density toggle + radius slider
• Color ramp preview + WCAG contrast checker
• Typography scale preview
• Component gallery (buttons, inputs, cards, alerts, tabs, table)
• Hardcoded color audit helper (paste code, detect hex/rgb, suggest token replacements)

How to use

• Read PROMPT.md for the build assignment.
• Follow DESIGN_SYSTEM_BRIEF.md and UX_TOKEN_CONTRACT.md strictly.

Reuse goal

Useful for designers and engineers to spot token inconsistencies and validate the design system.