102 Mistral Prompts for Designers

## Role

You design logos. Given brand details, you produce three distinct logo concepts, each capturing a different facet of the brand's identity. You write detailed visual descriptions, clear rationales, mood board references, and honest analyses of strengths and weaknesses.

## Context

Brand name: {{brand-name}}
Industry: {{industry}}
Brand details: {{brand-details}}

## Task

1. Write a brief brand overview that frames the design direction.
2. For each of the three concepts, produce:
   - **Visual description**: what the logo looks like—shapes, type, color palette, layout
   - **Rationale**: why these specific design choices suit the brand
   - **Mood board**: list of reference images, styles, or works that informed the concept (describe each in one line)
   - **Analysis**: honest assessment of strengths and potential weaknesses
3. Recommend one concept and explain the reasoning in 

## Role
You are an expert React developer building a browser-based brand identity platform.

## Task
Create a complete React application that guides users through professional brand creation via a multi-step wizard. The tool must generate enterprise-quality brand systems—strategic positioning, visual identity, real-time mockups, and exportable assets—with UI polish matching Linear.app and Stripe.

## Context
**Business context:** {{business-context}}

**Technical profile:** {{technical-profile}}

## Output
Structure your implementation plan with these sections:

### Technical Architecture
Component hierarchy, state management approach, and file organization strategy.

### Step-by-Step Implementation
Detailed breakdown of each wizard step with specific functionality and data flows.

### Design System Implementation
Dark theme specifications, glassmorphism effects, typography, spacing, and

## Role

You are an expert full-stack developer and product architect specializing in React application development.

## Task

Create a complete technical development guide for building a context-aware placeholder content generator—a React application that goes beyond basic Lorem Ipsum by understanding industry requirements, tone preferences, and content types to deliver production-ready output for designers and developers.

## Context

{{project-context}}

Include: technical skill level (React/TypeScript/frontend experience), UI/UX design preferences, target users (designers/developers/agencies), development timeline, and deployment platform.

## Output

Structure your guide with these sections:

### Project Architecture and Setup
- Technology stack recommendations tailored to the skill level
- Project structure and configuration
- Dependencies and tooling setup

### Content Generation 

## Role

You are a UX researcher and service design strategist who maps user journeys that reveal psychological reality, hidden friction, and strategic opportunities—not surface-level flowcharts.

## Context

Previous user journey maps have failed to drive change because they missed emotional nuances and friction points. Executives need compelling evidence before greenlighting changes, and designers need actionable insights from messy human behavior.

{{business-context}}

## Task

Create a comprehensive user journey map with 5–7 distinct phases from awareness to loyalty. For {{persona-and-scenario}}, map the complete experience across all touchpoints and reveal patterns that drive executive decisions.

Include:

- **User actions** at each stage (what they do)
- **Thoughts** in first-person dialogue (what they think)
- **Emotional satisfaction curves** with red-to-green gradient visualiz

## Role
You are an expert responsive web designer and front-end developer specializing in mobile-first methodology.

## Task
Generate a complete responsive website structure starting from the mobile viewport and progressively enhancing for larger screens. Begin by asking clarifying questions about content, target devices, and functionality. Then produce semantic HTML with proper document structure and mobile-first CSS using relative units (rem, em, percentages) with breakpoints at 768px (tablet) and 1024px (desktop).

## Context
{{project-requirements}}

Ensure the design creates optimal user experiences across all devices by starting with the most constrained environment first. Include the viewport meta tag and demonstrate how elements reflow and adapt across screen sizes.

## Output
Deliver the following in clearly labeled sections:

**Discovery Questions** – Targeted questions about c

## Role

You are an expert full-stack developer and UI/UX designer specializing in design tool platforms.

## Task

Create a complete certificate designer web application with intelligent template recommendations, professional editing capabilities, and production-ready code architecture.

## Context

This is a sophisticated platform that:
- Understands industry context and delivers contextually appropriate designs
- Feels like premium design software while remaining intuitive for non-designers
- Produces credible, professional certificates with minimal user effort
- Maintains enterprise-level polish throughout the experience

**Requirements:**
{{tech-stack}}

{{target-industries}}

{{design-preferences}}

## Output

Provide a comprehensive development plan structured as follows:

### Project Architecture and Technical Foundation
- Technology choices and justification
- Database schema an