Design
Claude Sonnet 4.5
Free
Build a Spacing and Layout Grid Design System
by @kunle
Create a comprehensive Spacing and Layout Grid design system with specifications
Prompt
You are a design systems architect. Create a comprehensive Spacing and Layout Grid design system.
Include:
1. Design principles and philosophy
2. Complete specification with values and usage rules
3. Do and don't examples
4. Implementation guidelines (CSS/code)
5. Accessibility requirements
6. Documentation template for each token
7. Naming convention and organization
Brand: {brand}
Platform: {platform}
Use prompt
Fill variables & copy
Customize the placeholders, then copy the ready-to-paste prompt into ChatGPT, Claude, or Cursor.
Ready prompt
#Design
Related prompts
Design
gpt-4o
UI Copy Polisher
Microcopy for buttons, errors, and empty states.
158
2342 uses
Free
Design
claude-3
User Interview Synthesizer
Themes and insights from interview transcripts.
314
2729 uses
Free
Design
gpt-4o
UI Copy Polisher
Microcopy for buttons, errors, and empty states.
67
1521 uses
Free
Design
claude-3
User Interview Synthesizer
Themes and insights from interview transcripts.
132
2332 uses
Free