Reference fixture · lovable

# Describe your app.
Lovable builds it.

Type a sentence in plain language and watch your idea become a working web app — no setup, no boilerplate, just a preview that updates as you tinker. Built warm, on cream, never on cold white.

Start building
Read the spec
Preview Live

Last revised 2026-05-15 · v1.0

Press `⌘` `K` to open the prompt.

What this fixture exercises

## Warmth as a system, not a coat of paint.

### Cream-on-cream depth

--bg and --surface are the same warm parchment (#f7f4ed). The 1px #eceae4 border carries the containment — Lovable's depth model is borders, never drop-shadows on cards.

Inspect tokens →

### Camera Plain humanism

Display type runs at 60px / weight 600 / -1.5px tracking. The variable axis lets weight 480 sit between regular and semibold for editorial moments. Body stays at 400, normal tracking.

Read the rule →

### Inset, not lifted

Dark CTAs press into the cream with a multi-layer inset shadow: white highlight at 0.5px, dark ring at 0.5px, soft drop at 1px. The button feels pressed-into-paper, not floated above it.

Inspect shadow →

Try it

## Start with a sentence.

The whole product begins from one prompt — the input below uses the same warm cream surface, the same #eceae4 border, the same Tailwind ring blue at 50% for keyboard focus. Form is page is craft.

What do you want to build?

Plain language is fine — Lovable handles the scaffolding.