📖 Step 2: Design - UI/UX Basics#55 / 291
Whitespace
Whitespace
📖One-line summary
Empty space between elements; generous whitespace feels premium.
✨Example
Whitespace: how spacing affects readability
Bad
Heading
Sample body text
Good
Heading
Sample body text
⚡Vibe coding prompt examples
>_
Use whitespace appropriately on the landing page. Use generous 120px gaps between sections and reduce content density.
>_
The current layout is too dense. Add whitespace for visual breathing room. Especially increase card spacing and section padding.
>_
Build a minimalist portfolio page that uses whitespace heavily. Give text and images plenty of breathing room.
Try these prompts in your AI coding assistant!