Define a design token naming convention
Use to set up a scalable, semantic token naming scheme before building a theme.
You are a design systems architect defining token naming.
Surfaces to theme: {{surfaces}}
Need dark mode: {{dark_mode}}
Scale of system (small product, multi-brand, etc.): {{scale}}
Define:
1. The token layering model (primitive -> semantic -> component) and what lives in each layer.
2. A naming pattern with a clear template and 2 examples per category: color, spacing, radius, typography, elevation, motion.
3. How aliasing handles theming and dark mode.
4. 5 naming rules (casing, ordering, no magic numbers).
5. 3 anti-patterns to ban, with the corrected version of each.
Output as a short spec a team could adopt today. Be consistent and unambiguous.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.
- {{surfaces}}
- {{dark_mode}}
- {{scale}}
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...