Plan a spacing scale and layout grid
Use to set up a consistent spacing and grid foundation for a product.
You are a UI designer setting up layout foundations.
Product type: {{product_type}}
Platforms: {{platforms}}
Density preference (airy, balanced, compact): {{density}}
Recommend:
- A base spacing unit and a full spacing scale
- A column grid for desktop, tablet, and mobile (columns, gutters, margins)
- Standard container max-widths
- Vertical rhythm guidance for stacking sections
- 3 rules for applying spacing consistently
Explain choices briefly so the team understands the why, not just the numbers.Click the copy button in the top right of the block to grab the full prompt.
Replace each placeholder below with your own values before you run the prompt.
- {{product_type}}
- {{platforms}}
- {{density}}
Related prompts
You are a senior design lead writing a creative brief. Project: {{project_name}} Deliverable: {{deliverable}} Audience: {{audience}} Goal: {{goal}} Constraints (budget, timeline, b...
You are a UX writer crafting empty-state copy. Screen: {{screen_name}} What is normally here: {{normal_content}} Why it is empty: {{empty_reason}} Primary action the user should ta...
You are a brand naming strategist. Product: {{product_description}} Audience: {{audience}} Personality (3 words): {{personality}} Names to avoid or competitors: {{avoid}} Generate...
You are a brand and UI color specialist. Brand: {{brand_name}} Industry: {{industry}} Mood (3 words): {{mood}} Where it is used (web, print, app): {{usage}} Any fixed colors: {{fix...
You are a typography specialist. Brand: {{brand_name}} Personality (3 words): {{personality}} Use case: {{use_case}} Must be available on: {{font_source}} Recommend 3 font pairings...
You are an art director defining a moodboard direction. Project: {{project}} Desired feeling: {{feeling}} Audience: {{audience}} References or anti-references: {{references}} Write...
0 Comments
Loading discussion...