Principle 1: Invariant core
The invariant core is what never changes. It's the brand's visual DNA. Components of the invariant core:
• Typography: One or two fonts maximum. Non-negotiable.
• Hierarchy: H1, H2, H3 always behave the same way.
• Primary color: The brand color. Used the same way everywhere.
• Grid and spacing: Margins, padding, and gaps follow the same base unit (usually 8px).
• Logo and its placement: Inviolable. Never distorted, arbitrarily resized, or reinterpreted.
The invariant core is the promise: "If you recognize these elements, you know you're with this brand."
Principle 2: Adaptable expressions
Adaptable expressions are what changes depending on context. They always live within the frame of the invariant core.
Examples of adaptable expressions:
• Secondary colors and accents: Can vary by context (product, season, campaign)
• Imagery: Photos or illustrations change, but the style stays consistent
• Headline typography: The base stays the same, but weight or size adapt by context
• Animations: Movements adapt to brand tone, but not to its essence
• Layouts: Compositions change by page, but respect the grid
Adaptable expressions say: "I'm flexible enough to adapt, but never so flexible I lose myself."
Principle 3: Composition rules
Composition rules define how elements are assembled.
They include:
• The grid (12 columns, 8 columns? How is space divided?)
• Rhythm (consistent spacing, harmonious proportions)
• Proportion (the ratio between text and white space)
• Alignment (always to the grid, never arbitrary)
• Hierarchy (how "important" vs. "secondary" is signaled)
Composition rules let different designers create things that feel like they belong to the same universe.
Principle 4: Emotional vocabulary
The emotional vocabulary defines what each element communicates.
Examples:
• A slow animation = seriousness, luxury, care (vs. fast = urgency, technology, energy)
• Serif = tradition, heritage (vs. sans-serif = modern, accessible)
• Generous white space = luxury, calm (vs. tight spacing = urgency, density)
• Monochrome imagery = minimalism, clarity (vs. multicolor = richness, diversity)
When the emotional vocabulary is clear, everyone creates "on-tone" without having to ask.
Principle 5: Permanent documentation
A strong art direction only exists if it's documented. And not in a forgotten PDF.
Documentation must:
• Be accessible to everyone (designers, developers, copywriters)
• Be alive (updated when context changes)
• Include concrete examples (not just abstract rules)
• Show which exceptions are allowed (because a few exist)
• Be implemented in code (Figma components, CSS variables, etc.)
The best art direction is the one that enforces itself through automation, not manual discipline.

Phase 1: Analyze the brand identity
Before defining digital rules, understand the brand identity.
Questions:
• What are the 3 adjectives that define this brand?
• How would this brand speak? (tone)
• What's non-negotiable for this brand?
• What visual precedents already exist (logo, typography, color)?
Phase 2: Define the invariant core
From this analysis, isolate what never changes. This is usually a small number of elements. The discipline:
• Choose ONE primary typeface (really one, not two "primaries")
• Define ONE grid and spacing system
• Choose ONE primary color (others may exist, but one is dominant)
• Set the immutable rules for logo usage
Phase 3: Define the adaptable expressions
Next, define what can change, how, and within what limits.
• Secondary colors: how are they used?
• Additional typefaces: are there any? What for?
• Imagery: what style? Photographic? Illustrative? Mixed?
• Animations: what movements are allowed?
Phase 4: Document the rules
Document them in a format that will actually get used. Not a 50-page PDF.
• Figma with reusable components
• Notion or a wiki with concrete examples
• CSS variables and design tokens
• Storybook for frontend components
Phase 5: Implement through automation
The best art direction is the one that doesn't require discipline. It's automated.
• Figma components that everyone uses
• Ready-to-use CSS classes
• Figma plugins that enforce grid alignment

Having built 50+ digital art directions, Bonhomme observes:
• Brands with a strong art direction are recognizable at a glance, even in radically new contexts.
• Teams work 30-40% faster with an automated art direction. Designers don't decide, they create.
• One of the biggest sources of confusion is "what changes and what doesn't." Documenting both explicitly eliminates 80% of questions.
• Undocumented exceptions quickly become the rule. After 3 exceptions, you no longer have an art direction, you have chaos.
• The strongest art direction is often the simplest. 2 typefaces, 3 colors, one grid. No more.
• Brands that change their art direction every year lose recognition. Strength comes from consistency over years.

Type 1: Strict direction
Many rules, few exceptions. Used by: luxury, corporate, fintech.
Advantages: maximum consistency, instant recognition.
Drawbacks: can feel rigid, requires discipline.
Type 2: Flexible direction
Few rules, many allowed exceptions. Used by: startups, creative, tech.
Advantages: enables innovation, frequent refresh.
Drawbacks: can lack consistency, harder to recognize.
Type 3: Hybrid direction
Very strict invariant core, very flexible adaptable expressions. Used by: the best brands.
Advantages: recognizable but never static, easy to create with.
Drawbacks: more complex to document

• Creating an art direction that's too complex. If it takes more than 2 pages to explain, it's too much.
• Ignoring the digital context. An art direction designed for print must be reinterpreted for digital.
• Documenting but not implementing. PDFs aren't enough. It needs code.
• Allowing too many exceptions. Exceptions multiply. Within 6 months you have 20 exceptions and no more direction.
• Not involving the makers (designers, devs). An art direction imposed from above won't be followed.
• Thinking art direction will stifle creativity. On the contrary, it channels it.
• Forgetting that rules change. Art direction must evolve (slowly) with the market

Principle 1: Direction guides without stifling
It says "here's the framework." Not "you must do this and not that."
Principle 2: Fewer rules = more respect
5 strict rules are more effective than 50 suggestions.
Principle 3: The exception proves the rule
Exceptions can exist, if they're justified and documented.
Principle 4: Art direction must be alive
It evolves (slowly) as context changes — it isn't frozen.
Principle 5: Automation is the goal
If people have to think about the art direction, it isn't well implemented.

Brand: Luxury Watch Brand
Invariant core:
• Classic serif (Garamond)
• Black and gold only
• 12-column grid
• All-caps typography for headlines
Adaptable expressions:
• Photography: product vs. lifestyle
• Color accent: classic gold vs. rose gold depending on the collection
• Animations: highly conservative for heritage content, slightly more freedom for campaigns
Brand: Tech Startup
Invariant core:
• Modern sans-serif (Helvetica Neue)
• Primary blue + white
• Very loose grid (responsive, not fixed)
• Always-minimal logo
Adaptable expressions:
• Accent colors: by team or product
• Illustrations: consistent style but thematic variations
• Animations: fast and energetic, varied styles

Bonhomme compared brands with a strong art direction vs. a weak one:
• Strong direction: +45-55% brand recognition, +30-40% reduced creation time, +25-35% team buy-in
• Weak direction: baseline or below
• No direction at all: -50-60% recognition, creative chaos, message confusion.

"A strong art direction is like a constitution. It states what's immutable and what can adapt. Without it, everyone creates their own universe."
— Morgane Urbain, co-founder & creative director
"The best art direction is the one no one notices, because everyone follows it automatically. It's been implemented until it became invisible."
— Emmanuel Cruellas, co-founder & design director