Create a design system token set for [BRAND/PRODUCT] with [TONE].
Generate:
1. **Color palette**: Primary, secondary, accent, semantic, and 8 neutral shades with hex codes and WCAG AA contrast
2. **Typography scale**: Font families, sizes from xs to 4xl with line heights
3. **Spacing scale**: 4px base unit, tokens from 1 to 24
4. **Border radius**: Consistent set from sharp to pill
5. **Shadow system**: 3 elevation levels with CSS values
6. **Motion tokens**: Duration and easing values
Output as CSS custom properties and a JSON token file.
Create a design system token set for [BRAND/PRODUCT] with [TONE].
Generate:
1. **Color palette**: Primary, secondary, accent, semantic, and 8 neutral shades with hex codes and WCAG AA contrast
2. **Typography scale**: Font families, sizes from xs to 4xl with line heights
3. **Spacing scale**: 4px base unit, tokens from 1 to 24
4. **Border radius**: Consistent set from sharp to pill
5. **Shadow system**: 3 elevation levels with CSS values
6. **Motion tokens**: Duration and easing values
Output as CSS custom properties and a JSON token file.
How to use this prompt
Copy the prompt above and paste it into ChatGPT, Claude, Gemini, or any AI assistant. Replace the bracketed placeholders with your specific details.
Leave a Review
Tried this prompt? Let us know how it worked — your reviews help other users find the best prompts.