Prompt overview
-
Purpose: Guide web designers in building a mood board and a cohesive visual design strategy tailored to your brand and audience.
-
Audience: Design teams, marketing managers, and creative leads seeking professional inspiration.
-
Distinctive feature: Step-by-step checklist with trend-aware, brand-aligned elements and clear explanations.
-
Outcome: Clear mood board starter + design concept with actionable ideas for implementation.
Quick Specs
- Media: Text
- Use case: Creative Concepts, Enhancement, Generation
- Industry: Entertainment & Content
- Techniques: Plan-Then-Solve, Prompt Templates
- Models: Claude 3.5 Sonnet, Gemini 2.0 Flash, GPT-4o, Llama 3.1 70B
- Estimated time: 15-30 minutes
- Skill level: Advanced
Variables to fill
-
Website type: [INSERT WEBSITE TYPE]
-
Industry: [INSERT INDUSTRY]
-
Key design elements: [INSERT KEY DESIGN ELEMENTS]
-
Target audience: [INSERT TARGET AUDIENCE]
-
Brand message: [INSERT BRAND MESSAGE]
Example variables block
-
Website type: “Blog/Prompt Library”
-
Industry: “AI and Technology”
-
Key design elements: “Minimal, interactive cards, strong accent colors, accessible navigation”
-
Target audience: “Tech enthusiasts, students, business professionals”
-
Brand message: “Empowering discovery and creativity with trusted AI prompts”
Prompt template
Act as an expert web designer tasked with generating visually appealing and engaging design concepts. Your primary objective is to create a comprehensive mood board that effectively communicates the brand’s message and resonates with the target audience.
**Inputs**
– Website type: [Website type]
– Industry: [Industry]
– Key design elements: [Design elements]
– Target audience: [Target audience]
– Brand message: [Brand message]
**Process**
1. Analyze the website type, industry, brand message, and target audience.
2. Develop a cohesive mood board and design concept addressing:
Color Palette: 3–5 harmonious colors (main, accents, neutrals)
3. Typography: 2 font combos (heading + body) with usage notes
4. Imagery: Style references, example assets, image sources
5. Layout Concepts: Wireframe ideas, component suggestions, interaction/UX notes
6. Reference current design trends.
7. Add actionable recommendations for integrating these elements.
Output format (copy-ready for publishing)
Color Palette
– Main colors: [List names/hex codes]
– Accent colors: [List names/hex codes]
– Neutral shades: [List names/hex codes]
– Usage notes: When/how to apply for branding and clarity
Typography
– Headings font: [Font name, weight/style, usage note]
– Body font: [Font name, weight/style, usage note]
– Accent/Callout font (optional): [If needed]
– Accessibility tips: Size, contrast, readability
Imagery
– Style: [e.g., flat illustrations, realistic photos, abstract graphics]
– Sources: [e.g., Unsplash, Freepik, custom assets]
– Example themes: [Describe sample subject matter – people, tech, icons, etc.]
– Usage tips: Consistency, brand emotion, image overlays
Layout Concepts
– Wireframe sketch notes: [List homepage/landing page structure, navigation, hero area, prompt sections]
– Key components: Interactive cards, signup bars, search panel, testimonials
– Interaction features: Hover effects, micro-animations, sticky navigation
– UX principles: Accessibility, mobile responsiveness, quick load times
Sample Output
FAQ
-
How do I select the best color palette for my audience?
The best color palettes combine brand colors with modern accents. Choose colors based on audience emotion (trust, excitement, focus) and ensure strong contrast for legibility. -
Why is font pairing important in web design?
Good font combos improve readability, create hierarchy, and reinforce brand personality. Always double-check accessibility—avoid too-light text and small sizes. -
How can imagery impact my website’s brand message?
Consistent, high-quality images reinforce your values and help users trust your content. Align image style with your brand message and use creative commons or custom assets.
Compliance and notes
-
Ensure all image and font assets are properly licensed.
-
Respect web accessibility guidelines: color contrast, readable fonts, alt text for images.
-
Maintain brand consistency across all site sections.
-
Regularly evaluate design trends to keep the site fresh and appealing.
Revision history
-
v1.0 – Initial structured template for mood board and design strategy post – 2025-10-25
