Lovable

Lovable’s design system conveys a dynamic, creative energy using a predominantly light theme accented by a striking, evolving gradient for hero sections and interactive prompts. Typography is clean and compact, emphasizing content clarity within a contained layout. UI elements are subtly refined with medium border radii and minimal, soft shadows, creating an approachable yet modern aesthetic. Color manifests as functional cues and atmospheric backdrops, rather than heavy branding. Prioritize Canvas White (#fcfbf8) for backgrounds and main surfaces, maintaining a bright, open aesthetic. Use Text Primary (#1c1c1c) for all primary text content and main navigational elements. Apply Camera Plain Variable with a global letter-spacing of -0.0250em for a compact typographic feel. Always use a 9999px border-radius for 'pill' shaped buttons and tags. Reserve the Accent Gradient for hero sections or significant atmospheric backgrounds to highlight key content. Maintain a clear visual hierarchy by differentiating text sizes and weights, making key information bold without sacrificing the compact feel. Use a default element spacing of 6px to create consistent but dense information blocks. Avoid applying strong box-shadows; prefer minimal elevation with soft inset shadows or no shadows to maintain a flat, modern surface design. Do not introduce new saturated accent colors outside of the defined Accent Gradient, as the system relies on a predominantly neutral palette. Refrain from using excessively large padding or margins that break the compact information density of the layout. Do not deviate from the specified border radii; 16px for cards, 8px for buttons, and 28px for prominent input fields are design signatures. Avoid decorative imagery that competes with the subtle UI; visuals should support content without overwhelming it. Do not use generic system fonts; always implement Camera Plain Variable for brand consistency. Avoid heavy borders; prefer the subtle Border Light (#eceae4) or no border to keep elements lightweight.