UI Improvementsbeginner
Improve the Design of an Existing Page
Turns a generic AI-generated page into something with real typographic hierarchy and spacing rhythm.
When to use it
Design polish
Lovable Prompt
Improve the visual design of [PAGE] without changing its functionality or content structure. Focus on: - Typographic hierarchy: one clear H1, consistent heading scale, comfortable line length of about 65 characters for body text. - Spacing rhythm: consistent vertical spacing between sections, generous whitespace. - A restrained palette using existing design tokens. Do not hardcode colours. - Clear interactive states: hover, focus and disabled. - Better empty and loading states. Avoid: large gradients, glass cards, floating blobs, glowing accents and decorative animation. This should look like a well-made product interface, not an AI template. Do not change any copy, routes or data behaviour.
Why it works
It gives concrete, checkable design rules instead of the word "modern", and it bans the specific clichés.
