Framework · Methodology

The creative direction framework.

Four axes for coherent brand work. The brief downstream skills actually consult.

This page covers the methodology behind the open-source creative-direction skill: why these four axes and not seven or three, what each axis position rejects, which combinations are difficult, and the brief format that the rest of the catalog reads as a required input.

See the framework appliedThe skill on GitHub

The problem

Competent and incoherent.

Most brand work that ships is neither bad nor good. It is competent and incoherent. The hero is fine. The pricing page is fine. The error message is fine. The empty state is fine. Each surface, judged in isolation, passes review. Read together, they do not feel like the same brand. The reader does not know why; they just know the site does not stick. The team patches the inconsistency with style guides, with PRs that introduce new components, with redesigns. None of that fixes the underlying problem, which is that no one decided what question the small decisions were answering to.

A creative brief tries to fix this and usually fails. The brief gets written at the start of the project, gets printed, gets pinned to the wall, and then nothing downstream consults it. Six weeks in, a designer makes a color choice that is competent in isolation. Six weeks later, a writer makes a register choice that is competent in isolation. Six weeks after that, the brand looks like a portfolio of competent pieces. Drift is silent and cumulative. By the time anyone notices, the cost of undoing the drift is roughly the cost of the project.

The framework on this page exists for one reason: to give a brief enough structure that the brief becomes referenceable, that downstream skills can consume it programmatically, and that drift gets caught at decision time, not at the next quarterly review. The framework does not produce taste. It captures direction. The dozens of small decisions a project requires (word choice, image selection, white space, sequencing, what to leave out) all answer to the same question because the framework makes the question explicit.

Why four axes

Why this number, not three or seven.

Three axes underspecify the brief. The minimum set most teams reach for is voice plus visual style plus audience. That set leaves enough degrees of freedom that two designers reading the same brief can produce incompatible work. Voice is captured but the relationship to the reader is not. Visual style is captured but the emotional ask is not. The brief reads complete; the output reads inconsistent.

Seven axes overspecify and start to repeat themselves. We tested seven-axis variants. By the fifth axis, the positions on axis five had begun to overlap with axis two or axis three. The team running the brief stopped distinguishing axes by axis four; by axis seven, the framework had collapsed into one undifferentiated mood board with seven labels on it. The seventh axis was always Decoration: present in the framework, not present in any actual creative decision.

Four is the smallest number that captures the four genuinely independent dimensions a brand picks position on. Tone is about heat in language. Aesthetic is about visual density. Relationship is about hierarchy with the reader. Sensory is about emotional ask. Removing any one of the four collapses the brief in a measurable way. Adding any fifth duplicates one of the existing four. The four axes are the load-bearing dimensions of brand direction; everything else is downstream consequence.

Axis 1

Tone register.

How formal is the work? How much heat does the language carry?

Professional. Measured, precise, low-register. Trusts the reader to do work. Restraint is the signal. The Wall Street Journal sits here. Aesop sits here. McKinsey at its calmest sits here. In the showcase, Estate (luxury real estate) and Carepath (telehealth) sit here. The professional tone rejects exclamation marks, urgency language, and percentage-off framings. It takes the position that the reader does not need to be sold; they need to be informed.

Conversational. Warmer, more personal, comfortable with first-person and contractions. Reads like a thoughtful person talking. Mailchimp originally sat here. Linear sits here. Stripe's public documentation sits here. In the showcase, Hewn (skincare) and Hounder (DTC pet food) sit here. The conversational tone rejects corporate hedging, third-person voice, and the manufactured-sincerity register of brands that learned to write for everyone and ended up writing for no one.

Playful. Wit, surprise, willingness to break form for effect. Risks the reader missing the point if not earned. Mailchimp at full conviction sits here. Slack at launch sat here. Bloom (soda) and Pulse (music) in the showcase sit here. The playful tone rejects the comfortable middle. It requires the brand to commit to its own taste even when the joke does not land for everyone, which is the point. Half-playful reads as worse than not-playful.

Provocative. Pointed, opinionated, willing to take a position other brands will not. Risks alienating people who do not share the position. Patagonia at full conviction sits here. Liquid Death sits here. Vector (offensive security) and Vault (game launch) in the showcase sit here. The provocative tone rejects safety. It assumes the brand does not need to be liked by everyone, only by the right ones, and that the alienated readers are part of the proof that the position is real.

How to choose: What does the audience already get too much of, and what too little? If the category is dry, conversational or playful is the differentiation. If the category is loud, professional restraint is the differentiation. Read the tone axis hub.

Axis 2

Aesthetic philosophy.

How much visual density does the work carry? How much does each element earn its place?

Editorial Restrained. Generous white space, single definitive image instead of grids, considered typography, low color count. Signals confidence and patience. Aesop sits here. The Economist editorial design sits here. Pentagram sits here. In the showcase, Hewn, Estate, and Observatory Editorial sit here. The position rejects density-as-content and the assumption that more elements signal more value.

Polished Standard. Modern SaaS aesthetic. Clean grids, balanced contrast, expected proportions, the conventions a designer can reach for from muscle memory. Signals competence and professionalism. Stripe sits here. Linear sits here. Notion sits here. Most B2B sites should sit here and act like they earned somewhere else; very few do, and the ones that do tend to convert better than the ones that pretend.

Controlled Maximalist. High visual density where every element is intentional. Loud but engineered. Signals craft and conviction. Wieden+Kennedy print sits here. BUCK animation sits here. Bloom and Observatory Performance in the showcase sit here. The position rejects the assumption that quiet is the only marker of taste. It commits to a high input count and engineers it down to coherent output.

Expressive Maximalist. Visual abundance, willingness to be loud, willing to clash. Signals energy and ambition. Hardest to execute well. Liquid Death sits here. Late-stage Off-White editorial sits here. In the showcase, Pulse, Vector, and Vault sit here. The position rejects restraint as default taste. It requires the brand to commit to an aesthetic that will not work in every context and will not appeal to every audience.

How to choose: What is the project saying about the brand's relationship to attention? Restrained earns attention by deserving it. Maximalist captures attention by not letting it leave. Read the aesthetic axis hub.

Axis 3

Audience relationship.

How does the brand position itself relative to the reader?

Authority. We tell you what is true. Implicit hierarchy, expertise on display, reader is the learner. The Mayo Clinic sits here. The New York Times opinion page sits here. McKinsey Insights sits here. Estate (luxury real estate) and Carepath (telehealth) in the showcase sit here. The authority position rejects equal footing with the reader. The brand has expertise the reader is paying for; the writing assumes that.

Peer.We are figuring this out together. Equal footing, shared vocabulary, reader is the co-thinker. Stripe's documentation sits here. Linear's changelog sits here. Most of the Observatory archetypes in the showcase sit here. The peer position rejects condescension. The writing assumes the reader could have written it; the brand just got to it first.

Companion.We walk with you. Lower hierarchy than authority, more presence than peer, reader is the protagonist of their own work. Strava's emotional copy sits here. Headspace sits here. Pulse and Bloom in the showcase sit here. The companion position rejects the framing that the brand is the hero. The reader is the hero; the brand is what helps them keep going.

Coach.We challenge you. The brand pushes the reader toward something they would not push themselves toward alone, reader is the trainee. Nike at full conviction sits here. David Goggins' brand sits here. Vault (game launch) and Observatory Performance in the showcase sit here. The coach position rejects passive engagement. The brand expects the reader to do work; the writing reflects that expectation.

How to choose: What does the audience need most? Audiences who feel lost want authority or coach. Audiences who feel patronized want peer or companion. The wrong choice patronizes or abandons the reader. Read the relationship axis hub.

Axis 4

Sensory ambition.

How much is the work asking of the reader emotionally?

Functional. Get a job done. The reader gets in, gets the answer, gets out. Aesthetics serve clarity. Most utility tools live here. Plain Stripe Dashboard sits here. The npm registry sits here. Edge (developer tool) in the showcase is the pedagogical exception: Functional with maximalist visual energy, demonstrating that the axes are independent. The position rejects emotional ambition. It trusts that the reader's task is the entire reason they showed up.

Considered. The reader notices the craft. Aesthetic choices are visible without being the point. Most premium brands live here. Aesop sits here. Apple at its calmest sits here. Hewn and Estate in the showcase sit here. The position rejects visual abundance. It assumes the reader will reward the work that earned its restraint.

Resonant. The reader feels something specific the brand architected. Aesthetics carry meaning. Hardest to produce. Cinematic product launches sit here. Apple film sits here. Pulse, Vault, and Vector in the showcase sit here. The position rejects restraint as the goal. It commits to producing a feeling and accepts that some readers will not feel it, which is acceptable as long as the right ones do.

How to choose: What does the audience deserve from this experience? Functional respects time. Resonant respects feeling. The wrong choice either wastes attention or fails to deliver utility. Read the sensory axis hub.

Combinations and tensions

Some positions fight each other.

Not every combination is equally easy to ship. The framework allows any combination as a brief input. The framework also flags the rare combinations and asks the user to confirm before committing. The pedagogical exceptions in the showcase exist to demonstrate that the rare combinations can ship, but they require unusual care.

Functional + Provocative. Rare. Provocation usually requires emotional engagement that pure functional work resists. A provocative tone in a checkout flow reads as the brand getting in the way of the conversion the user is trying to complete. The exception is when the provocation itself is the value proposition (Liquid Death is functional and provocative because the brand is the joke). Edge in the showcase is HIGH-Functional with maximalist energy, the rare exception that ships because the audience (developers) rewards the contrarian move.

Authority + Functional. Slides into preachy. Authority assumes the reader needs instruction; functional assumes the reader needs to get out fast. Together, the brand reads as the friend who will not stop explaining. The exception is when the authority is the value proposition (a regulator's website earns authority and earns functional). For consumer brands, the combination usually wants warming up (Companion or Peer instead of Authority).

LIGHT-Provocative. Restrained visuals plus pointed language. Studio in the showcase ships this combination as a fourteen-person brand-and-product design studio: editorial typographic hero, four selected projects told in full, a studio essay with pull-quote, restrained capabilities list, single-paragraph process. The combination works when the provocation is the position itself, not the visual volume. It fails when the team interprets “ provocative” as “maximalist” and produces visuals that fight the typography.

Pedagogical exceptions are not the default. The default brief should pick the combination that the category supports. Pedagogical exceptions are valid as conscious choices, after the brief acknowledges the tension and the team commits to executing through it. Picking a rare combination by accident produces incoherent work. Picking it on purpose produces work that no one else in the category is producing, which is the point.

The brief

What the framework actually produces.

The output is a markdown file (typically BRIEF.md) with six sections: a project header (name, description, audience, business goal), the four axis selections (each with the chosen position and a one-sentence rationale), a synthesis paragraph (what this combination produces in practice, written in present tense not aspirational), the inspiration references (the URLs the team admires plus notes on what specifically resonates), a rejection list (what the brief explicitly says no to), and any open questions downstream skills will need to know.

The rejection list is the most useful section. Without it, the brief is a wishlist. With it, the brief is a constraint a designer can use. Examples: no testimonial walls. No stock photography. No exclamation marks. No three-icon feature row. No founder quote in italics. The rejection list is what every downstream skill grep's first.

The brief is reference material for the project's life, not a one-time deliverable. Update it when the project's direction genuinely changes. Resist the urge to update it when execution is hard; usually that means execute harder, not loosen the brief.

References

Further reading.

Frequently asked questions.

What is the creative direction framework?
A four-axis brief that aligns many small creative decisions to the same question. The axes are tone register, aesthetic philosophy, audience relationship, and sensory ambition. Each axis offers three or four positions. The combination produces a brief that downstream skills (content, copy, design, art direction) consult before producing artifacts. The framework is published as the open-source creative-direction skill.
Why four axes specifically? Why not three or seven?
Three axes underspecify the brief. Tone alone, or tone plus visual style, leaves enough degrees of freedom that two designers consuming the same brief can produce incompatible work. Seven axes overspecify and start to repeat themselves; an eighth axis cannot be added without overlap. Four axes is the smallest number that captures the four genuinely independent dimensions a brand picks position on. Tone is about heat in language. Aesthetic is about visual density. Relationship is about hierarchy with the reader. Sensory is about emotional ask. Removing any one collapses the brief; adding any one duplicates an existing axis.
Are some position combinations better than others?
Some combinations are easy. Conversational + Polished Standard + Peer + Considered is the modern SaaS default and almost always works because the category supports it. Other combinations are harder. Functional + Provocative is rare because provocation usually requires emotional engagement that pure functional work resists. Authority + Functional slides into preachy without warming up. The framework flags rare combinations and asks the user to confirm. The showcase includes pedagogical exceptions (Edge as HIGH-Functional, Studio as LIGHT-Provocative) that demonstrate the rare combinations can ship if executed with care.
How does this differ from a brand strategy doc or a creative brief?
A brand strategy doc covers positioning, audience, values, and the brand story. A creative brief covers the operational layer of a project: scope, deliverables, timeline, success criteria. The creative direction framework sits between them. Strategy and the brief feed inputs in; the framework converts those inputs into four axis selections plus a synthesis paragraph and a rejection list. The output is the artifact every downstream creative skill consumes.
What does the brief that this framework produces actually look like?
A markdown file (typically BRIEF.md) with six sections: project header (name, description, audience, business goal), the four axis selections (each with the chosen position and a one-sentence rationale), a synthesis paragraph (what this combination produces in practice), inspiration references (the URLs the team admires with notes on what specifically resonates), a rejection list (what the brief explicitly says no to), and open questions. The rejection list is the most useful section. Without it, the brief is a wishlist; with it, it is a constraint a designer can use.
How does this framework get used in an AI-driven workflow?
The framework is published as a Claude Skill. When a user starts a new brand or website project and triggers the skill, Claude walks through each axis as a question, captures the user's selection plus reasoning, and outputs the brief. Downstream skills (brand-voice, brand-identity, landing-page-copy, art-direction, content-and-copy) then read the brief before producing artifacts. The brief becomes the gate that keeps multi-skill output coherent. Without a brief, multi-skill output drifts toward category default within two or three skill invocations.