Use this framework to get production-quality UI from any AI coding tool (Lovable, v0, Bolt, etc.). Most devs skip these details — this is what separates good-looking apps from great ones.

The Framework

1. App Overview

Start with a one-liner describing what you're building and who it's for.

"Design a high-end crypto wallet with mobile focus."

Keep it short. The detail comes in the steps below.

2. Look & Feel

Describe the vibe using aspirational language and design buzzwords. Be specific about the emotional quality you want.

"The app should feel like it was crafted by a world-class designer — award-winning design: ultra-clean layout and luxurious effects."

Tips:

• Reference design benchmarks (award-winning, world-class, premium)
• Mention specific effects (glassmorphism, soft shadows, micro-animations)
• Describe the emotional feel (calm, energetic, trustworthy, playful)

3. Brand

Give the AI your exact design tokens — colours, typography, and mode.

"Use sophisticated typography (Inter or Geist). Regular boldness and -5 letter spacing. Grey #4F5D61 as primary colour, Light Blue #99B3B6 and Orange #FF6E35 as secondary colours on a clean white mode UI."

Include: