The brand fits in one phrase: AI for creative decision-makers. Everything else follows. Here's the what, the who, the why.
Offer
The AI System Sprint. One month, 10h, to install your AI CEO. We sell the sprint, you get the system.
For whom
The Creative Executive · a decision-maker who leads from taste, not from tech. Not a developer, not a prompt-geek.
Problem
Creatives get trained on the tool. Nobody trains the decision-maker to build their system to decide better.
Promise
An AI that knows you, challenges you, executes and protects your decisions. AI isn't the goal · the best decisions are.
Posture
The pragmatic coach who teaches you to build your own system. Not done-for-you, not a turnkey implementer.
Edge
15 years a Creative Executive (VFX, Netflix). The view of the one who leads, not the one who codes.
It is
A system you pilot.
A right hand that resembles you, anchored in your decisions. The brand speaks to the decision-maker, editorial, with warmth and edge.
It is not
A ChatGPT course.
Not a prompt class, not a done-for-you tool, not tech jargon. We don't sell AI, we sell the better decision.
02 · Voice & rules
Twelve laws, drawn from how we speak.
Not preferences. Non-negotiables. When a choice hesitates, the law decides · for humans and AI alike.
1
Speak to one person.« you », never a faceless crowd. The brand talks to a person, not an audience.
2
Coach, not vendor.We teach you to build your system. Never done-for-you, never turnkey implementer. AI isn't the goal · the better decision is.
3
Zero em-dash.The em-dash is banned. Mid-dot ·, comma, period, colon. Nothing else.
4
Data-driven emoji.OK on LinkedIn/IG/FB (proven engagement). OFF on long-form X, sales pages, the book, formal emails.
5
Short sentences.A numbered hook, one paragraph, one link. The wall of text kills. The visual opens.
6
No AI clichés.No « certainly », no « dive into », no faceless « one ». If it smells like a robot, cut it.
7
Canonical vocabulary.« your AI CEO » in EN, « ton bras droit IA » in FR. Never improvise the naming.
8
Bilingual by default.Every public asset ships in FR and EN · monExpansion / MyExpansion, two faces of one brand.
9
IP feeds, jargon hides.The method structures the content and gets hinted at when relevant · we surface the ideas, not the raw acronyms.
10
Sell the useful, not the free.The hook promises the result. « Free » drops to a detail, never the headline.
11
Accents never touch.In tight display type (Anton, Newsreader), a French é · à · î · ô quickly grazes the line above. Generous leading on accented titles · and a check ON SCREEN before shipping. French has diacritics · the system gives them air.
12
What if it were playable?Before shipping dead text, ask if Claude Code can make it a mini-app · interactive, visual, useful, fun. We understand better what we can manipulate. Interaction serves the decision, never the gadget. (Chapter 09.)
03 · Color
Three families anchor everything.
70 / 25 / 5 rule: 70% cream (the calm), 25% ink (the structure), 5% coral (the decision). Never split evenly. Coral is rare, so it counts.
70 · CREAM
25 · INK
5
The anchor · coral sits exactly between two Sanzo Wada colors
surface
Cream · baseCream 0#F5EFE5
decision
朱 · between Grenadine & ApricotCoral#FF6B5C
structure
墨 · warm inkInk 0#1F1812
Sanzo Wada accents · desaturated, sparing (data, categories, illustration) · never competing with coral
Andover GreenTeal#5C8A73
Isabella ColorSaffron#C3A55C
Grayish OliveOlive#76844E
PlumbeousSlate#5C7287
Pale Burnt LakePlum#730F1F
Cinnamon RufousTerracotta#C2612C
The gradient · the luminous signature · for strong moments only, never the background
Yes · hero halo, big numbers, premium CTA, rules & underlines, behind a key icon, « brand » chart fill. It's the energy of expansion · the sunrise. Never · under long text, as a full-page flat, diluted everywhere (coral loses its rarity), or on small surfaces where it muddies. Well-placed = rare and precise.
Where the accents live · on your site (data, categories, states, illustration · never the CTA)
● Teal
Reassurance. Testimonials, the « 3h refunded » guarantee, FAQ, the « included / validated » state in offer lists. Trust, calm.
● Saffron
Proof & result. Key numbers, « recommended » badges, underlines on the benefit word. The soft premium, no shouting.
● Olive
Categories. Blog / newsletter tags, the « Learn » space taxonomy. Orders the sections quietly.
● Slate
Info & B2B. « How it works » boxes, technical notes, the Enterprise world (corporate register), secondary links.
● Plum
Gravity. The « problem » section, dark rupture backgrounds, the « before » of a before/after. The stakes.
● Terracotta
Human & warm. A bridge when coral alone would be too much · « About / Vision » pages, warm rules, accents on visuals.
Warm neutral scale · 0 → 900 (the grey has a warm cast, never cold)
0
50
100
200
300
400
500
600
700
800
900
04 · Typography
Four voices, one hierarchy.
Each typeface has one job. We don't mix roles · that's what makes the whole thing recognizable at a glance.
Generic AI courses aren't built for you. You don't need to learn to prompt. You need a system that decides with you, to your taste, and holds when you're not there.
Anton and Newsreader sit high · the accent of an É À Î Ô in a big title quickly grazes the line above. Rule: line-height ≥ 1.05 whenever an accented title wraps to two lines, plus a visual check on screen before shipping. That's law 11.
05 · The golden ratio
The scale that orders everything.
The heart of the system. One constant decides every size: φ = 1.618. No more « by hand » sizes. Each step is a ratio, not an opinion.
--t-micro10.517 ÷ φ
--t-fine13.517 ÷ √φ
--t-corps17anchor
--t-intro21.5× √φ
--t-h327.5× φ
--t-h235× φ√φ
--t-h144.5× φ²
--t-display56.5× φ²√φ
--t-hero72× φ³
φ
= 1.6180339887
text · ratio √φ = 1.272
every other step = golden leap
space · Fibonacci
squares · pure φ
Why it changes everything · the real state of monexpansion.com today
Before · the live site~25
~25 distinct sizes, 14 of them crammed between 9 and 17.5px · half-pixel gaps. Three near-twin big titles, all slightly different. Noise, not rhythm.
After · φ scale9
9 named steps, spaced by φ. The eye feels the rhythm, hierarchy becomes legible, and the AI just picks a token · never a number. Fewer choices = more consistency.
06 · Space & square
Space breathes in Fibonacci.
Margins and gutters follow the Fibonacci sequence · the integer approximation of the golden ratio. No arbitrary 10, 20, 30. 8, 13, 21, 34, 55, 89, 144.
8
13
21
34
55
89
144
Square elements · pure φ (logos, tiles, avatars, media)
34
55
89
144
07 · Motion
Five speeds, one intention.
Motion is subtle, never gimmick. Each duration has a use · and everything respects prefers-reduced-motion.
fast
120ms
tactile feedback · press, focus
base
240ms
default transitions · color, opacity
medium
380ms
considered moves · hover, theme toggle
slow
680ms
reveals · reveal-on-scroll, panels
glacial
1200ms
page staggers, manifestos. Rare.
08 · Components
The coral CTA. Hover it.
Coral fill, cream text, forward arrow. On hover, coral darkens, the card lifts, the arrow pushes. Anatomy below.
Anatomy
fill
Coral #FF6B5C
text
Cream #FFF8EE · Lexend 600
padding
15 × 30px · radius 8px (Fib)
arrow
18px · gap 11px
On hover
fill
→ Coral deep · base 240ms
card
translateY -2px · shadow +
arrow
translateX +5px · overshoot
ease
cubic-bezier(.22,1,.36,1)
Glass card
Light frosted glass on a halo background. Coral edge for emphasis.
Seats sold
3
/ 8 · July sprint
Diagnostics
12
Sanzo accent · teal
09 · Interactive by default
Make it playable.
The reflex, on every deliverable · page, article, dashboard, email. Before laying down dead text, ask: can Claude Code make it a mini-app? We understand better what we can manipulate. The visual opens · the interactive anchors.
Interactive?you manipulate it
Visual?grasped at a glance
Useful?moves a decision forward
Fun?you want to touch it
Demo · the chapter practices what it preaches · move the base, the φ scale follows live
base 17 pxratio √φ · ×1.272
Aamicro
Aafine
Aabody
Aaintro
Aah3
Aah2
Aah1
Already live on MyExpansion
The playable φ before/after · the SVG schematics that open a topic · the day/night toggle · scroll reveals · live cream dashboards · the home control room (kill-switch). Content is manipulated, not endured.
Guardrails
Light (perf first) · accessible (keyboard + prefers-reduced-motion) · on-brand (cream, φ, coral). Interaction serves understanding or decision · never the gadget. If it teaches nothing, it's noise.
10 · Tokens
It all fits in one block.
The single contract between this book and every implementation · CSS, Tailwind, email, mockup. Paste this, and the brand is respected by construction.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
