Leaderboard Ad728 × 90AdSense placeholder — will activate after approval

Define a Color and Type Scale

Design Design Systems Intermediate 🤖 ChatGPT 👁 2 views

📝 The Prompt

You are an expert design systems lead. Help me define a coherent color and typography scale for a small product. Context I will provide: - My brand's primary color or vibe - Where the product is used (web, mobile) - Any accessibility requirements Your task: Propose a practical color palette (primary, neutrals, semantic states) with accessible contrast and a modular type scale with sizes, weights, and usage guidance. Requirements: 1. Include primary, neutral, and semantic (success/warning/error) colors 2. Ensure text/background contrast meets WCAG AA 3. Define a modular type scale with clear roles 4. Keep it small enough to actually maintain Output format: a palette and type-scale spec with usage notes. Keep the tone systematic and accessible and make every recommendation specific and immediately actionable. Before finalizing, briefly explain the reasoning behind your single most important suggestion so I can adapt the approach to similar situations on my own.

🎯 What this prompt does

This AI prompt helps you define a color and type scale. Designed for design systems workflows in the design category, it's a intermediate-level prompt you can copy directly into ChatGPT to get instant, production-ready results.

Use it when you need a intermediate prompt that produces clear, actionable output without wrestling with trial-and-error wording. Just copy, customize, and run.

In-article Ad #1336 × 280AdSense placeholder — will activate after approval

🚀 How to use this prompt

  1. Copy the prompt using the 📋 button above.
  2. Open ChatGPT (or Claude, Gemini, Perplexity, or your preferred LLM).
  3. Paste the prompt into a new chat. Add any extra context about your situation if helpful.
  4. Run the prompt and review the AI's response. Most outputs are usable immediately.
  5. Iterate if needed — if the tone, length, or structure isn't quite right, reply with "make it shorter", "use bullet points", or "make it more formal" and the AI will refine it.

💡 Tips for better results

  • Tailor the prompt to your specific context — the more detail you give, the better the output.
  • If the first output isn't quite right, ask the AI to refine, rewrite, or add more detail — iteration is key.
  • For long outputs, ask for a section at a time (e.g. 'start with the introduction only') to keep quality high.
  • Combine this with other design prompts to build an end-to-end workflow.
  • Save your favorite variations — small wording tweaks often produce noticeably different results.
In-article Ad #2336 × 280AdSense placeholder — will activate after approval

✨ What you'll get

When you run this prompt, expect ChatGPT to return:

  • A directly usable design systems output tailored to the details you provided
  • Clear structure (headings, bullets, or numbered sections) that you can drop into your workflow
  • Content that matches your specified tone and context
  • Results in under 30 seconds — no manual drafting required

Need a different angle? Just ask follow-up questions. The AI will adjust without you starting over.

🔄 3 variations to try

1

Make it more formal

Add "Use a formal, professional tone suitable for enterprise clients" at the start of the prompt.

2

Ask for multiple options

Append "Give me 5 alternative versions, each with a different angle or approach." after the main instruction.

3

Request structured output

Add "Return the response as a markdown table (or bullet list, or JSON)" so you can paste the result directly into your docs or code.

🏷 Tags

🔎 Find more prompts like this

Browse 176 more design prompts or search the full library.

End-of-content Ad728 × 90AdSense placeholder — will activate after approval
Mobile Sticky320 × 50AdSense placeholder — will activate after approval