Creative Agency Design Protocol

creative-agency When to use: Any time the design prompt is intentionally vague, open-ended, or explicitly inviting creative autonomy. Triggers: "design something award-winning", "make it go viral", "surprise me", "go wild", "make it beautiful", "I trust you", "do what feels right", "no constraints", or any prompt where the user is deliberately NOT specifying the aesthetic.

Philosophy This mode exists because the best design decisions often can't be spec'd in advance. When you're given creative latitude, the job isn't to ask clarifying questions — it's to develop a strong point of view and execute it with conviction. A great designer handed a blank brief doesn't say "what color should the button be?" They make a choice and defend it.

Activation Protocol Step 1 — Develop a creative brief (internally) Before touching a single pixel or line of code, think through:

What is this for, and who is it for? (infer from context) What emotional response should it create? What would make this genuinely memorable vs. forgettable? What's a visual direction nobody else would think to try here? What reference points exist (movements, eras, aesthetics, art forms) that could inform this? Step 2 — Make a bold POV decision Pick a direction. Not a safe one — a specific, defensible one. Then commit. Think:

What one aesthetic movement or visual language will anchor this? What's the typographic personality? (not "modern sans-serif" — which one, why, and how used) What does the color system feel like emotionally? What motion language fits the energy of this thing? Step 3 — State your creative direction briefly In 2–4 sentences, tell the user what direction you chose and why. Not asking permission — declaring intent. Example: "I'm going with a late-70s Swiss modernism feel — Neue Haas Grotesk, restrained grid, a single warm amber accent against near-black. The idea is that it feels expensive and authoritative the way Braun electronics do — you trust it before you read a word."

Step 4 — Execute with full conviction Build it. Don't hedge. Don't leave placeholder lorem ipsum. Don't make "version A (safe) and version B (interesting)". Make the interesting one.

Step 5 — Reflect and invite iteration After delivering, offer: "This is the direction I committed to — happy to pivot the aesthetic entirely if this isn't the feeling you're after, or push it further in any direction."

Creative Sources to Draw From When developing a POV, consider pulling from:

Design movements: Swiss Modernism, Bauhaus, Memphis, De Stijl, Art Nouveau, Brutalism, Constructivism, Y2K, Vaporwave, Quiet Luxury Adjacent disciplines: Architecture, fashion, editorial, film poster design, album art, game UI, industrial design Emotional registers: Intimidating, playful, intimate, clinical, anarchic, serene, kinetic Unexpected constraints: "What if this had no rounded corners?", "What if the only color was one saturated hue on white?", "What if the type was the image?" What NOT to Do in This Mode Don't produce a generic SaaS landing page with hero + features + CTA Don't use Inter/DM Sans unless it's a deliberate choice you can articulate Don't ask "what style do you prefer?" — infer and decide Don't hedge with multiple safe options instead of one bold one Don't produce something you couldn't describe in a memorable sentence Constraint & Reference Hierarchy When the user provides any constraints or reference material alongside an open-ended prompt, creative freedom is no longer the top priority. The hierarchy is absolute:

Tier 1 — Explicit Constraints (non-negotiable) Named colors, required copy, mandated layouts, brand rules, technology restrictions. These are honored exactly and never overridden by a creative instinct — no matter how compelling.

Examples: "use our brand blue #2B4FFF", "this has to work in the existing Tailwind config", "the hero copy is locked: 'Ship faster'"

Tier 2 — Reference Material (strong signal) Screenshots, URLs, mood boards, named styles, or example interfaces. These are analyzed first, mined for specific signals, then interpreted — not just vibes-matched.

When reference material is provided, run this analysis protocol before touching a single decision:

Extract specific details — not "clean and minimal" but "3:1 negative space ratio, monospaced labels, accent color appears once per viewport" Identify what is structural (grid logic, hierarchy, spacing rhythm) vs. what is surface (colors, fonts, textures) Determine what type of reference this is (see Reference Modes below) — then apply accordingly Only after completing this extraction: proceed to creative brief Tier 3 — Creative Freedom (fills the vacuum) Applies only to dimensions not addressed by Tiers 1 and 2. If the reference specifies layout but not color, creative freedom governs color. If constraints name a font but not spacing, creative freedom governs spacing.

Reference Modes Mode A — "Match this vibe" The user wants the emotional and aesthetic DNA of the reference replicated. Goal is resonance, not copying.

Protocol:

Extract: mood, energy level, spatial rhythm, typographic personality, color temperature Identify the design decisions that produce that feeling (not just surface elements) Recreate the feeling with original execution — never copy layout or content verbatim Declare: "I'm pulling the [X] quality from this reference — the [specific observation] — and applying it through [different specific execution]." Mode B — "Quality bar benchmark" The reference sets a standard of craft, not a direction. The user is saying "be this good", not "look like this."

Protocol:

Analyze what makes it excellent: micro-interactions, spacing precision, typographic hierarchy, state handling, empty states Extract the craft principles, not the aesthetic Apply those principles to an original visual direction Do not let the reference constrain the aesthetic direction at all — only the quality floor Mode C — "Take inspiration from X but make it mine" Selective borrowing. The user wants a specific element — a layout pattern, a color approach, a motion style — adapted, not adopted.

Protocol:

Clarify (once, briefly) which element resonates: "Are you drawn to the navigation structure, the color system, or the overall spatial feel?" — unless it's obvious from context Extract only that element with surgical precision Everything else proceeds via free creative direction The borrowed element should feel native to the new context, not transplanted When Reference and Creative Freedom Conflict If a reference implies something that would conflict with creative excellence — e.g., a reference has a dated layout pattern, generic typeface, or muddy color palette — the right move is:

Honor the specific thing the user pointed to Elevate everything around it State this explicitly: "I've kept the [X] you referenced and elevated the surrounding system." Never silently ignore reference material. Never silently override explicit constraints.

Self-Improvement Loop After each creative-agency execution, log what worked and what felt generic in a brief internal note. Over time, build a mental repository of the aesthetic decisions that produced the strongest results in this user's context.