Prebuilt workflow · Direction & critique

Mood Board

Hand it five references and get a synthesized design brief plus a mockup that blends their combined aesthetic.

· You bring 5 references· brief.md· mockup

IMAGE
Inspiration 1
Inspiration 13:2
IMAGE
Analyze Aesthetic
Claude Opus 5.5High

Analyze these inspiration images and synthesize a unified design direction. Create a detailed Design Brief in Markdown: # Design Direction ## Aesthetic Summary [2-3 sentences capturing the overall mood and style] ## Visual Themes - **Primary theme:** [e.g., "minimalist brutalism", "warm organic modernism"] - **Secondary influences:** [supporting aesthetic elements] ## Color Direction - **Dominant palette:** [describe the color story] - **Mood:** [warm/cool/neutral, high/…

42 lines · 1.3k charsEditorExpand
AttachmentsResponse
CODE$0.16Run
COMPOSEmarkdown
# Design Direction

## Aesthetic Summary
A **quiet, expedition-grade outdoor aesthetic** that blends the romance of dawn in the mountains with the precision of cartography and race data. The mood is *earnest, tactile, and purposeful*: deep forest greens and weathered neutrals anchor everything, while a single signal-orange accent marks the route, the effort, and the moment of arrival. The sequence moves from **inspiration (the landscape)** to **navigation (the map)** to **equipment (the shoe and kit)** to **identity (the Ridge 42 poster)**, forming a complete brand narrative for a trail race or outdoor performance brand.

## Visual Themes
- **Primary theme:** *Cartographic Swiss modernism* — oversized, confident numerals and monospaced data typography laid over warm paper, where information itself (elevation profiles, coordinates, distances) becomes the decoration.
- **Secondary influences:**
  - **Vintage topographic maps** — contour lines, dashed trail routes, hand-drawn tree glyphs, fold creases, and serif place labels
  - **Atmospheric landscape photography** — layered ridgelines, valley fog, low golden-hour sun, a lone runner for scale
  - **Utilitarian gear flat-lays** — knolling on weathered wood, functional objects with orange details (compass, pull tab, route line)
  - **Performance product photography** — low-angle hero shots, real mud and wet rock, shallow depth of field

## Color Direction
- **Dominant palette:** A grounded story of **forest green, moss, and slate** over **unbleached paper and stone neutrals**, punctuated by **trail-marker orange**. Orange is used sparingly and always *means something*: the route, the peak, the pull tab, the compass needle, the sunrise.
- **Mood:** *Cool-to-neutral* base with a *warm* accent; **low-to-medium contrast** in photography (misty, hazy, muted), **high contrast** in graphic applications (dark green on cream).
- **Suggested hex codes:**
  - `#2F4A32` — **Ridge Green** (primary brand color, headings, large numerals)
  - `#EDE8DD` — **Trail Paper** (backgrounds, poster stock)
  - `#E8701F` — **Summit Orange** (accent: routes, data highlights, CTAs)
  - `#7A8B6A` — **Moss Sage** (secondary fills, contour shading, map greens)
  - `#5B6770` — **Fog Slate** (body text on light, overlays, atmospheric tones)

## Typography Direction
- **Heading style:** **Condensed, heavy grotesque sans-serif** — tall, compresse…
Design Brief75 lines · 6.9k chars
CODE
IMAGE
Inspiration 2
Inspiration 21:1
IMAGE
IMAGE
Inspiration 3
Inspiration 34:3
IMAGE
Generate Mockup
GPT Image 2.5 SunburstAutoStyles

Based on these inspiration images, create a website landing page mockup that synthesizes their combined aesthetic. The mockup should: 1. Blend the visual styles, colors, and moods from all inspiration images 2. Show a realistic landing page layout (hero, features, CTA sections) 3. Include placeholder text areas and UI elements 4. Demonstrate the typography and spacing direction 5. Feel cohesive - like a natural evolution of the inspirations Create a single high-fidelity moc…

10 lines · 554 charsEditorExpand
AttachmentsResponse
IMAGE$0.13Run
IMAGE
Style Mockup
OUT_N6.PNG2:3
IMAGE
IMAGE
Inspiration 4
Inspiration 43:4
IMAGE
IMAGE
Inspiration 5
Inspiration 51:1
IMAGE
Run all

A real run, unedited2 generations · $0.29 of walletBrand and inputs are fictional, made in Vmotif · 2026-09-24

What came back

Straight off the canvas.

Everything below is what this run returned, untouched.

  • Design Briefmarkdown
    # Design Direction
    
    ## Aesthetic Summary
    A **quiet, expedition-grade outdoor aesthetic** that blends the romance of dawn in the mountains with the precision of cartography and race data. The mood is *earnest, tactile, and purposeful*: deep forest greens and weathered neutrals anchor everything, while a single signal-orange accent marks the route, the effort, and the moment of arrival. The sequence moves from **inspiration (the landscape)** to **navigation (the map)** to **equipment (the shoe and kit)** to **identity (the Ridge 42 poster)**, forming a complete brand narrative for a trail race or outdoor performance brand.
    
    ## Visual Themes
    - **Primary theme:** *Cartographic Swiss modernism* — oversized, confident numerals and monospaced data typography laid over warm paper, where information itself (elevation profiles, coordinates, distances) becomes the decoration.
    - **Secondary influences:**
      - **Vintage topographic maps** — contour lines, dashed trail routes, hand-drawn tree glyphs, fold creases, and serif place labels
      - **Atmospheric landscape photography** — layered ridgelines, valley fog, low golden-hour sun, a lone runner for scale
      - **Utilitarian gear flat-lays** — knolling on weathered wood, functional objects with orange details (compass, pull tab, route line)
      - **Performance product photography** — low-angle hero shots, real mud and wet rock, shallow depth of field
    
    ## Color Direction
How it runs

One stage, all at once.

What each stage reads, what it makes and what it cost on this run. Steps inside a stage don’t wait on each other, so they run side by side.

  1. 01

    Analyze Aesthetic & Generate Mockup

    Reads your inputsMakes Design Brief and 1 image

    2 steps, side by sideClaude Opus 5.5GPT Image 2.5 Sunburst$0.29

More in Direction & critique

Get a point of view before you build — synthesized direction from references, or honest feedback on what exists.