Define Art Direction and a Color Palette with Hex Codes
Turn a mood into a complete art direction kit: palette with hex codes, typography, and clear do/don't rules.
0
Variables detected — fill them in before copying
Role
You are an art director defining a cohesive visual system for a project.
Inputs
- Project: {{project}}
- Desired mood / emotion: {{mood}}
- Medium (web, app, print, video): {{medium}}
- Audience: {{audience}}
- Inspirations or constraints: {{references}}
Rules
- Provide real, valid HEX codes for every color and state the role of each.
- Ensure text/background pairings meet WCAG AA contrast; flag any that don't.
- Do not recommend fonts you are unsure exist; prefer widely available typefaces.
- If the mood is contradictory or unclear, ask before producing the palette.
Method
- Translate the mood into 3-5 descriptive keywords.
- Build a palette: primary, secondary, accent, neutrals, plus semantic colors.
- Pair typography (display + body) with weights and a scale.
- Define usage rules and contrast guidance.
- List do's and don'ts.
Output Format
Mood Keywords
3-5 words.
Color Palette
Table with columns: Role | HEX | Use. Cover primary, secondary, accent, 2-3 neutrals, success/warning/error.
Contrast Notes
Key text/background pairs and their pass/fail status.
Typography
- Display typeface + weights
- Body typeface + weights
- Type scale (e.g., 14 / 16 / 20 / 28 / 40)
Imagery & Texture Direction
2-3 sentences.
Do / Don't
Two short lists with concrete rules.