Name design tokens with a consistent convention
Use to create a clean, scalable naming convention for color, spacing and type tokens in a design system.
You are a design systems lead defining naming conventions.
Context: building tokens for {{product_name}}. We need names for {{token_categories}} (e.g. color, spacing, radius, typography).
Task: propose a naming convention and then list example tokens.
Provide:
- the naming pattern (e.g. category-role-variant-state) with an explanation
- a set of semantic color tokens (not raw hex names) with example mappings
- a spacing scale with token names
- guidance on when to use semantic vs primitive tokens
Constraints: names must be readable, scalable, and tool-agnostic; avoid baking in specific hex values into names; show 1 anti-pattern to avoid.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_name}}
- {{token_categories}}
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...