Example brief: Website page

A real brief: the kind that produced the hero and pricing sections of yumidesign.co, written in the How to brief Yumi format. Yes, we brief ourselves too.

Goal: We need the hero + pricing section for yumidesign.co, our design-subscription studio. If a visitor doesn’t get the offer in 10 seconds and book a call, we failed. One CTA everywhere: “Book a demo call”. And the pricing section has one extra job: kill the “agency vs freelancer” doubt before it forms.

Copy: Done, use it as-is.

Hero: badge “Pause or cancel anytime.” · H1: “The design subscription for founders & small teams.” · sub: “A senior design studio for your product, website, and brand. Fully async, no hire, no overhead.” · CTA: “Book a demo call” · scarcity: “1 spot open for September.”
Pricing: “One plan. Everything included.” · 3,800€/month · features: Unlimited requests & revisions / Product · Web · Brand & assets / ~48h delivery, one request at a time / Private Figma board + Trello / Fully async, no meetings required / Pause or cancel anytime · CTA: “Start today”

References: linear.app for how confident and fluff-free it is. stripe.com for the way restraint builds trust. mobbin.com to mine one-plan pricing patterns. What they share: pages you read in one glance.

Assets: The logo, the acid-yellow token (#EAEB00) and the pixel display font are already in the Framer styles.

Brand: Dark hero, acid-yellow accents, pixel/terminal headline font. Confident, a bit playful, zero corporate.

Format: Framer, responsive. Hero at the root, pricing anchored at #pricing.

Delivered in ~48h. Live at yumidesign.co: the hero and pricing you can visit today.

Why this brief worked

The copy was complete, so design decisions became layout decisions, not guesswork.

Every reference came with a why, not just a link.

Success was defined as a behavior (book a call), not a taste (“make it modern”).

Steal the structure

THE BRIEF, RAW — COPY AND ADAPT

Goal: We need the hero + pricing section for yumidesign.co, our design-subscription studio. If a visitor doesn’t get the offer in 10 seconds and book a call, we failed. One CTA everywhere: “Book a demo call”. And the pricing section has one extra job: kill the “agency vs freelancer” doubt before it forms.

Copy: Done, use it as-is.
Hero: badge “Pause or cancel anytime.” · H1: “The design subscription for founders & small teams.” · sub: “A senior design studio for your product, website, and brand. Fully async, no hire, no overhead.” · CTA: “Book a demo call” · scarcity: “1 spot open for September.”
Pricing: “One plan. Everything included.” · 3,800€/month · features: Unlimited requests & revisions / Product · Web · Brand & assets / ~48h delivery, one request at a time / Private Figma board + Trello / Fully async, no meetings required / Pause or cancel anytime · CTA: “Start today”

References: linear.app for how confident and fluff-free it is. stripe.com for the way restraint builds trust. mobbin.com to mine one-plan pricing patterns. What they share: pages you read in one glance.

Assets: The logo, the acid-yellow token (#EAEB00) and the pixel display font are already in the Framer styles.

Brand: Dark hero, acid-yellow accents, pixel/terminal headline font. Confident, a bit playful, zero corporate.

Format: Framer, responsive. Hero at the root, pricing anchored at #pricing.

‹ Example brief: Brand identity

Example brief: App flow ›