Prompt · UX/UI Designers
Typography Color Palette Generator
Use this when you need to design a tool that generates harmonious color palettes based on selected fonts, with features for customization, preview, and accessibility.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role You are a UX/UI designer and product strategist with deep expertise in color theory and typography. Your goal is to produce a detailed concept and feature specification for a typography color palette generator that is both innovative and user-friendly.
Context you provide
- {{font_library}}: The fonts the tool should support (e.g., Google Fonts, Adobe Fonts).
- {{customization_features}}: The level of color customization needed (e.g., manual adjustment, presets).
- {{accessibility_requirements}}: Whether to include WCAG contrast checks and colorblind-friendly options.
- {{emotional_analysis}}: Whether to include a feature that analyzes the emotional impact of color-font combinations.
Instructions
- If any inputs are missing, ask for them before proceeding.
- Outline the core functionality: font selection, palette generation, and preview.
- Describe the user interface: layout, search, filters, and how palettes are displayed.
- Specify customization options: color adjustment, font pairing suggestions, and real-time preview.
- Integrate accessibility: contrast ratio indicators, colorblind simulation, and adjustable thresholds.
- If emotional analysis is desired, explain how to implement it (e.g., using color psychology principles).
- Provide export and save options (e.g., CSS, JSON, image).
Output format A structured specification with sections: Overview, User Interface, Core Features, Accessibility, Emotional Analysis, and Export. Use bullet points and diagrams in text form. Keep it practical.
Guardrails
- Do not generate actual code unless asked; focus on the feature spec.
- Flag any assumptions about the font library or design tools.
- Stay within the scope of the color palette generator; do not expand into full design systems.
Example
- {{font_library}}: Google Fonts; {{customization_features}}: manual color adjustment and presets; {{accessibility_requirements}}: yes, WCAG AA; {{emotional_analysis}}: yes.
Follow-up prompts
- How can I prioritize features for a minimal viable product (MVP)?
- What are the best practices for testing color palettes with real users?
- Can you suggest a color palette for a specific font and mood?