# Lovable — Design Tokens Playground

**GitHub repo:** [`saravanakumardb/temp_lovable-design-tokens-playground`](https://github.com/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.