Image preview
Playbook · Creative learning studio. Static website hero mockup using Butter paper playground imagery.
1672 × 941 pxAI-generated
Playbook · Creative learning studio
Playbook · Creative learning studio. Static website hero mockup using Butter paper playground imagery.
Make it your own

The original prompt

Use case: ui-mockup. Generate ONE exceptionally polished modern desktop website HERO SECTION image, horizontal 16:9, highest available detail. It must look like a carefully art-directed real website screenshot, edge-to-edge website viewport without browser chrome or surrounding mockup border. This is a major layout redesign, not a text overlay. Reference image is BACKGROUND ASSET MATERIAL ONLY: preserve its mood and visual texture within the specified framed element, do NOT use it full bleed. Typography must be crisp, realistic, legible and carefully spaced; restrained navigation, meaningful interaction, practical responsive structure. No sculptures, glass orbs, random 3D, fake awards or customer claims.
BRAND: Playbook.
LAYOUT: Warm white ground occupying 70% of canvas. Small red Playbook wordmark top left, short sparse nav top right. Huge custom-feeling red grotesk headline in upper-left and middle, tight tracking, no decorative serif. Lower-left short dark copy and compact red square-corner CTA. Three purposeful exercise cards make an irregular staircase across right half, one high, one mid, one low, no overlap with text: one large buttery yellow image rectangle from reference reading '01 / Cut & compose'; one smaller sky-blue color variant reading '02 / Find a new shape'; one small red and yellow crop reading '03 / Follow your curiosity'. All labels on white caption strips below images, use little arrow icons. Paper shapes appear ONLY inside image cards. Keep 64px page margins, fine footer baseline inside hero reading 'A small practice for a curious mind.' This is one single hero, no subsequent sections.
EXACT COPY: Headline: Make something
just because.. Supporting copy: Small creative prompts. Unexpected ideas. A little room to play. Primary CTA: Pick a prompt. Secondary link: Meet the studio. Navigation: Exercises / Workshops / About.
Use supporting UI text only as explicitly described. Draw all text cleanly without duplication. High-end modern web design, never a poster with a background and headline. Not a collage of multiple websites.

FINAL TEXT-CORRECTION PASS
Edit the supplied website screenshot only to correct punctuation. Preserve its exact layout, typography, sizes, colors, imagery, margins and every other detail. Main headline must read exactly:
Make something
just because.
There must be exactly ONE period at the end of the final headline line, never two dots. Keep single sentence periods elsewhere. Brand wordmark must be "Playbook" without an added final period. Primary button label must be "Pick a prompt" with no period. Secondary link label must be "Meet the studio" with no period. Preserve all other wording. Do not redesign anything. Return the same horizontal 16:9 website screenshot at highest quality.

Original wording. Results vary between generations.

Download .txt
Need a reference? View the collection’s main image

You’re in control.

Choose what you share. Downloads and Hero Builder are always available.

Read the privacy policy ↗These buttons save a preference only. They do not enable tracking.