25 lines
837 B
Markdown
25 lines
837 B
Markdown
# Lovable — Design Tokens Playground
|
|
|
|
**GitHub repo:** [`saravanakumardb1/temp_lovable-design-tokens-playground`](https://github.com/saravanakumardb1/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.
|