Visual Concept Describer

Help me develop visual concepts for [PROJECT TYPE: website, app, brand, presentation, etc.].

**Project Details:**
- Project type: [WEBSITE / APP / BRAND / PRESENTATION / ETC.]
- Purpose: [WHAT IS THIS FOR]
- Target audience: [WHO WILL SEE IT]
- Brand personality: [ADJECTIVES - e.g., modern, playful, premium, minimal]
- Key message: [WHAT SHOULD PEOPLE FEEL/THINK]

**Generate visual direction in these areas:**

1. **Color Palette**: 
   - Primary color with hex code + emotional meaning
   - Secondary colors (2-3) with use cases
   - Accent color for CTAs/highlights
   - Neutral palette (backgrounds, text)
   - Accessibility notes (contrast ratios)

2. **Typography System**:
   - Heading font recommendation + why it fits the brand
   - Body font recommendation + readability notes
   - Pairing rationale
   - Font hierarchy (H1 through H6 sizes)

3. **Layout Direction**:
   - Overall layout philosophy (grid-based, asymmetric, minimal, bold)
   - Key layout patterns for the hero section
   - Card/component design direction
   - Spacing and breathing room guidelines

4. **Imagery Style**:
   - Photography style recommendations
   - Illustration approach (if applicable)
   - Icon style
   - Image treatment/filter suggestions

5. **Motion & Interaction**:
   - Animation philosophy (subtle, playful, dramatic)
   - Micro-interaction ideas
   - Transition styles

6. **Competitor Visual Differentiation**: How to visually stand out from [COMPETITORS]

7. **Mood Board Description**: A text-based mood board describing the overall visual feeling

Include specific tool recommendations (Figma, etc.) and any relevant design system references.

How to Customize It

Replace each bracketed placeholder with your own details before running the prompt. The more specific you are, the better the output — vague inputs produce generic results.

• [PROJECT TYPE: website, app, brand, presentation, etc.]Swap in your project type: website, app, brand, presentation, etc..
• [WEBSITE / APP / BRAND / PRESENTATION / ETC.]Swap in your website or app or brand or presentation or etc..
• [WHAT IS THIS FOR]Swap in your what is this for.
• [WHO WILL SEE IT]Swap in your who will see it.
• [ADJECTIVES - e.g., modern, playful, premium, minimal]Swap in your adjectives - e.g., modern, playful, premium, minimal.
• [WHAT SHOULD PEOPLE FEEL/THINK]Swap in your what should people feel or think.
• [COMPETITORS]Swap in your competitors.

When to Use It

• Briefing a designer or agency with direction that's actionable instead of "modern and clean."
• Writing image-generation prompts that need a coherent visual vocabulary across many assets.
• Aligning stakeholders on visual direction before design work begins, when disagreement is still cheap.

Tips for Better Results

• 1Fill [WHAT SHOULD PEOPLE FEEL/THINK] with the desired reaction in the viewer's words ("these people are serious," "this looks effortless") — reactions translate to visual decisions better than brand adjectives.
• 2Name references from outside your industry; borrowing the visual language of a different field is where distinctive direction comes from.
• 3Ask for the "what to avoid" counterpart — the visual clichés of your category — so the direction defines itself against something.