Design Guidance
Pick three design directions or steer typography, color, and layout before Lovable builds.
Design Guidance is Lovable's Editor feature that pick three design directions or steer typography, color, and layout before Lovable builds.
Design Guidance shapes the visual direction before the build. Lovable either renders three lightweight HTML/Tailwind design directions side-by-side (refinable up to six times), asks a short set of design questions covering typography pairs, curated color palettes, and layout wireframes, or builds directly when the brief is already explicit. Works on new projects and on sections of existing projects (hero, navbar, pricing, footer).
Capabilities
- Three parallel design directions
- Side-by-side preview + fullscreen
- Up to 6 refinements per round
- Typography pair picker
- Curated color palette picker
- Layout wireframe picker (bento, split, magazine, etc.)
- Section-level variations on existing projects
- Screenshot-based redesign
Use cases
- Landing pages and marketing sites
- Portfolios and blogs
- Exploring visual identity before committing
- Redesigning a hero, navbar, pricing card, or footer
Frequently asked
What is Design Guidance?
Design Guidance is Lovable's Editor feature that pick three design directions or steer typography, color, and layout before Lovable builds. Design Guidance shapes the visual direction before the build.
Is Design Guidance GA or in beta?
Design Guidance is generally available (GA) on Lovable.
What Lovable plan includes Design Guidance?
Design Guidance is available on all Lovable plans.
When did Design Guidance launch?
Design Guidance launched on May 12, 2026.