Define a consistent spacing scale and grid for your UI.
Design💾 0 savesby PromptChief Team
Help me set up a spacing and grid system.
PRODUCT/PLATFORM: [[PLATFORM]]
CURRENT INCONSISTENCY: [[PROBLEM]]
Deliver:
1. A spacing scale (e.g., 4/8px base) and when to use each step
2. A layout grid (columns, gutters, margins) for key breakpoints
3. Rules for padding vs margin and component spacing
4. Vertical rhythm with the type scale
5. How to name spacing tokens
6. Do/don't examples that fix the current inconsistency
Make spacing decisions automatic, not case-by-case.