Free template — 4 pages, A4 PDF
The Styleframe Brief Template
Eight short sections that turn the vague phrase "make me a styleframe" into a signed-off project with a clear palette, typography pair, mood board and revision cap. Print it, fill it, send it to the client. No signup wall.
Released to public domain (CC0). Use it, modify it, sell the work it helps you ship. No attribution needed.
What is inside
- 01
Context
One-sentence project description, background, the single problem this styleframe solves.
- 02
Audience and tone
Primary and secondary audience, three words for the tone, three words this should not be.
- 03
Mood and visual references
Six reference frames with notes on what specifically to borrow from each.
- 04
Color palette
Up to five primary swatches, three accents, and a paragraph on why this palette.
- 05
Typography
Display and body type choices with size ranges, plus one explicit pairing rule.
- 06
Deliverables and milestones
Concept frames, direction lock, final styleframes with due dates.
- 07
Feedback rules
Default revision rules that prevent feedback chaos. Two rounds included.
- 08
Sign-off
Both parties sign before concept work begins. Scope changes go through a change order.
Why a one-page brief, not a 20-page deck
Most creative briefs fail in the same place: too long to read, too vague to enforce. This template fits four printed pages on purpose. Each section asks a single question with one short answer field. If the answer does not fit, the brief is not ready. The point is to force decisions before concept work starts, not after.
The hardest field on the whole document is in section one: "the single problem this styleframe solves." If you can write it in one sentence, the rest of the brief falls into place. If you cannot, the project is not ready for design work yet — and the brief just told you that.
A filled-in brief, start to finish
Abstract templates are easy to nod along with and hard to use. So here is a real-shaped one. The client is a Berlin coffee subscription called Halbe Bohne, launching a 30 second product film, and they want three styleframes to lock the look before animation starts. Budget 2,400 EUR, three weeks.
Section one, the single problem: "New customers think a subscription means stale coffee, so the film has to make freshness feel physical." That took the client and me eleven minutes on a call to write, and it was the most valuable eleven minutes of the project. Every later argument got settled by pointing at that sentence.
Section two, audience and tone. Primary is 28 to 40, urban, already buying whole beans. Secondary is gift buyers at Christmas. Tone words: warm, precise, unfussy. Not-this words: rustic, artisanal, cosy. That last list does more work than the first. Half of creative feedback is really someone saying you drifted into a register they never wanted.
Section three took the longest. Six references, each with a note on what to steal: from one, only the way steam catches a rim light; from another, only the tight macro cuts, not the color grade. A reference without a note is a trap, because the client remembers the whole image and you remembered one detail of it.
Sections four and five went fast. Palette: a deep roast brown at #3A2318, a paper cream at #F4EDE2, a single copper accent at #C1743C. Type: a grotesk for the display lines at 48 to 96px and the same family at 16 to 18px for the small legal type, with one pairing rule stating that no frame carries more than two sizes. Section six set three milestones on real dates. Section seven capped it at two rounds. Section eight got signed on a Thursday, and concept work started Friday.
Where briefs go wrong
The most common failure is a brief that was written alone. If you fill it in yourself and send it for approval, the client skims and replies "looks good", which is not agreement, it is politeness. Fill it in together on a call, screen shared, while they watch you type. The hesitations tell you where the real risk is.
Second failure: a tone section full of words like modern, clean and premium. Those three words appear in roughly every brief I have ever received and they constrain nothing. Push for words that could be refused. Nobody rejects clean. Plenty of people would reject blunt, or clinical, or loud.
Third: milestones without dates, or dates without the client's own obligations on them. Put the feedback deadline on the client, in writing, in section six. When round one comes back nine days late and the launch does not move, that line is the difference between a conversation and a fight.
When the template needs bending
Internal teams versus agencies
For an in-house team, the sign-off page can feel absurd. Keep it anyway, but change what it means: it is not a contract, it is a record of who agreed to a direction on which date. Six weeks later, when a VP asks why the film looks like that, you have an answer with a name on it. Agencies, by contrast, should treat section eight as billing scope and attach it to the statement of work.
Rush projects
On a 48 hour turnaround, the full eight sections are too slow. Fill in one, two, seven and eight only, in that order, and take references over the phone. That's about twenty minutes and it still catches the fatal misunderstandings. Skipping the revision cap on a rush job is how you end up working the weekend for free.
Clients who cannot describe what they want
Some people genuinely cannot articulate a visual direction, and pushing harder just makes them anxious. Invert the brief. Show six frames pulled from anywhere and ask which two are wrong and why. Rejection is far easier than description, and the reasons they give you fill in sections two and three faster than any questionnaire.
Feeding the brief into the rest of the work
The palette in section four should not stay a paragraph of prose. Move those hex values into named tokens the moment the direction locks, so the styleframes, the animation project file and any web landing page all pull from the same source. Section five does the same job for type: the size ranges become a scale, and the pairing rule becomes a note in the component library that stops a well-meaning teammate from adding a third weight.
I also read the brief aloud in the kickoff call, all four pages, which takes about six minutes. It feels awkward the first time. It also surfaces the disagreement that would otherwise appear in round two, which is a trade I will take every single time.
Quick questions
- Is this actually free, or do you collect my email?
- Direct download. No form, no email gate. CC0 license, do what you want with it.
- Can I edit it in Figma?
- The PDF is print-ready. To customize in Figma, import the PDF or open the source HTML in
/scripts/styleframe-brief-pdf.htmlin the project repo and edit there. The grid is plain HTML and CSS. - Will this work for non-styleframe projects?
- The brief structure (context, audience, mood, palette, type, deliverables, feedback, sign-off) is general enough for any visual-design project. Sections 3 and 4 are tuned for visual reference work, so it fits motion design and editorial illustration well too.
- How many revision rounds should I quote?
- Two rounds is the default in section seven. Three is usually a sign that the brief was incomplete. If you keep ending up in round four, the problem is upstream — in section one.
- How long should filling this in actually take?
- Forty to sixty minutes on a shared call for a normal project. Section one usually eats a third of that, and it should. On a rush job, fill in sections one, two, seven and eight only, which takes about twenty minutes and still catches the misunderstandings that cost you a weekend.
- Should the client fill it in, or should I?
- Neither alone. Fill it in together with your screen shared while they watch you type. A brief you wrote and sent for approval gets a polite "looks good" that is not real agreement. The hesitations you hear live are the parts of the project most likely to blow up in round two.
- What if the client cannot describe the direction they want?
- Invert it. Put six reference frames in front of them and ask which two are wrong and why. Rejection is much easier than description, and the reasons they give will fill in the audience, tone and mood sections faster than any list of questions.
- Does a brief make sense for an internal team with no client?
- Yes, with a different purpose. Section eight stops being a contract and becomes a dated record of who agreed to a direction. When someone senior questions the look six weeks later, you have a name and a date instead of a memory. Agencies should treat the same page as billing scope and attach it to the statement of work.
Grab the template
Scroll back to the top button or skip straight to the download link above.
CC0 — public domain. Read the blog for the thinking behind each section.