La marque tient en une phrase : l'IA pour les décideurs créatifs. Le reste découle de là. Voici le quoi, le pour-qui, le pourquoi.
Offre
Le Sprint Système IA. Un mois, 10h, pour installer ton bras droit IA. On vend le sprint, tu obtiens le système.
Pour qui
Le Leader Créatif · un décideur qui dirige depuis le goût, pas depuis la technique. Pas un développeur, pas un prompt-geek.
Problème
Les créatifs sont formés à l'outil. Personne ne forme le décideur à bâtir son système pour mieux décider.
Promesse
Une IA qui te connaît, te challenge, exécute et protège tes décisions. L'IA n'est pas la finalité · les meilleures décisions le sont.
Posture
Le coach pragmatique qui t'apprend à bâtir ton propre système. Pas done-for-you, pas implémenteur clés en main.
Edge
15 ans Creative Executive (VFX, Netflix). La perspective de celui qui dirige, pas de celui qui code.
C'est
Un système que tu pilotes.
Un bras droit qui te ressemble, ancré dans tes décisions. La marque parle au décideur, en éditorial, avec chaleur et tranchant.
Ce n'est pas
Une formation ChatGPT.
Pas un cours de prompt, pas un outil done-for-you, pas du jargon technique. On ne vend pas l'IA, on vend la meilleure décision.
02 · Voix & règles
Douze lois, tirées de comment on parle.
Pas des préférences. Des non-négociables. Si un choix hésite, c'est la loi qui tranche · pour l'humain comme pour l'IA.
1
Tutoiement only.« tu », jamais « vous ». La marque parle à une personne, pas à une audience.
2
Coach, pas prestataire.On t'apprend à bâtir ton système. Jamais done-for-you, jamais implémenteur clés en main. L'IA n'est pas la finalité · la meilleure décision l'est.
3
Zéro em-dash.Le tiret cadratin est banni. Mid-dot ·, virgule, point, deux-points. Rien d'autre.
4
Emoji data-driven.OK sur LinkedIn/IG/FB (preuve d'engagement). OFF sur X long, pages de vente, livre, emails formels.
5
Phrases courtes.Hook chiffré, un paragraphe, un lien. Le mur de texte tue. Le visuel ouvre.
6
Pas de formules IA.Ni « certainly », ni « dive into », ni « on » générique. Si ça sent le robot, on coupe.
7
Vocabulaire FR canonique.« Le Piège du Talent », jamais « Talent Trap ». « ton bras droit IA » en FR, « your AI CEO » en EN.
8
Bilingue par défaut.Tout asset public sort en FR et EN · monExpansion / monExpansion, deux faces d'une marque.
9
L'IP nourrit, le jargon se cache.La méthode (CEIA, 4 portes, Le Piège du Talent) structure le contenu et s'évoque quand c'est pertinent · on sort les idées, pas les acronymes bruts.
10
Vendre l'utile, pas le gratuit.L'accroche promet le résultat. « Gratuit » descend au rang d'info, jamais en titre.
11
Les accents ne collent jamais.En gros titre serré (Anton, Newsreader), un é · à · î · ô touche vite la ligne du dessus. Leading généreux sur les titres accentués · et on vérifie EN LIGNE, sur écran, avant de livrer. Le français a des diacritiques · le système leur laisse de l'air.
12
Et si c'était jouable ?Avant de livrer du texte mort, on se demande si Claude Code peut en faire une mini-app · interactive, visuelle, utile, fun. On comprend mieux ce qu'on manipule. L'interaction sert la décision, jamais le gadget. (Chapitre 09.)
03 · Couleur
Trois familles ancrent tout.
Règle 70 / 25 / 5 : 70 % cream (le calme), 25 % encre (la structure), 5 % corail (la décision). Jamais à parts égales. Le corail est rare, donc il compte.
70 · CREAM
25 · ENCRE
5
L'ancre · le corail vit pile entre deux couleurs de Sanzo Wada
surface
Crème · baseCream 0#F5EFE5
décision
朱 · entre Grenadine & ApricotCorail#FF6B5C
structure
墨 · encre chaudeInk 0#1F1812
Accents Sanzo Wada · désaturés, parcimonie (data, catégories, illustration) · jamais en concurrence avec le corail
Andover GreenCanard#5C8A73
Isabella ColorSafran#C3A55C
Grayish OliveOlive#76844E
PlumbeousArdoise#5C7287
Pale Burnt LakePrune#730F1F
Cinnamon RufousTerre#C2612C
Le dégradé · la signature lumineuse · réservé aux moments forts, jamais au fond
linéaire 92°
Mouvement · CTA premium, filets, soulignés--coral-gradient#FF6B5C → #FF8A66 → #FFA478
radial · lever de soleil
Ambiance · halo de hero, fond de section forte--sunrise#FFCFA0 → #FF6B5C
Oui · halo de hero, gros chiffres, CTA premium, filets & soulignés, derrière une icône clé, fill de graphe « marque ». C'est l'énergie de l'expansion · le lever de soleil. Jamais · sous un texte long, en aplat de page entière, dilué partout (le corail perd sa rareté), ni sur petite surface où il se salit. Bien placé = rare et précis.
Où vivent les accents · sur ton site (data, catégories, états, illustration · jamais en CTA)
● Canard
Réassurance. Témoignages, garantie « 3h remboursé », FAQ, l'état « inclus / validé » dans les listes d'offre. La confiance, calme.
● Safran
Preuve & résultat. Chiffres-clés, badges « recommandé », soulignés sur le mot bénéfice. Le premium doux, sans crier.
● Olive
Catégories. Tags du blog / newsletter, taxonomie de l'espace « Apprendre ». Range les rubriques sans bruit.
● Ardoise
Info & B2B. Encadrés « comment ça marche », notes techniques, l'univers Entreprise (registre corporate), liens secondaires.
● Prune
Gravité. La section « problème » (Le Piège du Talent), fonds sombres de rupture, le « avant » d'un avant/après. L'enjeu.
● Terre
Humain & chaud. Pont quand le corail seul serait trop · pages « À propos / Vision », filets chaleureux, accents sur visuels.
Échelle neutre chaude · 0 → 900 (le gris a un voile chaud, jamais froid)
0
50
100
200
300
400
500
600
700
800
900
04 · Typographie
Quatre voix, une hiérarchie.
Chaque police a un seul travail. On ne mélange pas les rôles · c'est ce qui rend le tout reconnaissable d'un coup d'œil.
Les formations IA génériques ne sont pas faites pour toi. Tu n'as pas besoin d'apprendre à prompter. Tu as besoin d'un système qui décide avec toi, à ton goût, et qui tient quand tu n'es pas là.
Soramicro-labels · eyebrows · pills uppercaseletter-spacing large
Le programme · 4 sessions · 10 heures
Discipline FR · les accents
Anton et Newsreader montent haut · l'accent d'un É À Î Ô en gros titre touche vite la ligne du dessus. Règle : line-height ≥ 1.05 dès qu'un titre accentué passe sur deux lignes, et contrôle visuel à l'écran avant de livrer. C'est la loi 11.
05 · Le nombre d'or
L'échelle qui range tout.
Le cœur du système. Une seule constante décide de toutes les tailles : φ = 1,618. Plus aucune taille « à la main ». Chaque pas est un rapport, pas une opinion.
--t-micro10.517 ÷ φ
--t-fine13.517 ÷ √φ
--t-corps17ancre
--t-intro21.5× √φ
--t-h327.5× φ
--t-h235× φ√φ
--t-h144.5× φ²
--t-display56.5× φ²√φ
--t-hero72× φ³
φ
= 1.6180339887
texte · raison √φ = 1.272
un cran sur 2 = saut d'or
espace · Fibonacci
carrés · φ pur
Pourquoi ça change tout · l'état réel de monexpansion.com aujourd'hui
Avant · le site actuel~25
~25 tailles distinctes, dont 14 coincées entre 9 et 17,5 px · des écarts de 0,5 px. Trois gros titres quasi jumeaux, tous légèrement différents. Du bruit, pas un rythme.
Après · échelle φ9
9 crans nommés, espacés par φ. L'œil sent le rythme, la hiérarchie devient lisible, et l'IA n'a plus qu'à choisir un token · jamais un nombre. Moins de choix = plus de cohérence.
06 · Espace & carré
L'espace respire en Fibonacci.
Les marges et gouttières suivent la suite de Fibonacci · l'approximation entière du nombre d'or. Pas de 10, 20, 30 arbitraires. 8, 13, 21, 34, 55, 89, 144.
Le mouvement est subtil, jamais gadget. Chaque durée a un usage · et tout respecte prefers-reduced-motion.
fast
120ms
retour tactile · press, focus
base
240ms
transitions par défaut · couleur, opacité
medium
380ms
déplacements réfléchis · hover, bascule thème
slow
680ms
révélations · reveal-on-scroll, panneaux
glacial
1200ms
staggers de page, manifestes. Rare.
08 · Composants
Le CTA corail. Survole-le.
Fond corail, texte cream, flèche d'avancée. Au survol, le corail s'assombrit, la carte se soulève, la flèche pousse. Anatomie ci-dessous.
Anatomie
fond
Corail #FF6B5C
texte
Cream #FFF8EE · Lexend 600
padding
15 × 30px · rayon 8px (Fib)
flèche
18px · gap 11px
Au survol
fond
→ Corail deep · base 240ms
carte
translateY -2px · ombre +
flèche
translateX +5px · overshoot
ease
cubic-bezier(.22,1,.36,1)
Carte verre
Verre dépoli léger sur fond à halos. Liseré corail pour la mise en avant.
Places vendues
3
/ 8 · Sprint juillet
Diagnostics
12
accent Sanzo · canard
09 · L'interactif par défaut
Rends-le jouable.
Le réflexe, à chaque livrable · page, article, dashboard, email. Avant de poser du texte mort, on se demande : Claude Code peut-il en faire une mini-app ? On comprend mieux ce qu'on manipule. Le visuel ouvre · l'interactif ancre.
Interactif ?on le manipule
Visuel ?saisi d'un coup d'œil
Utile ?fait avancer une décision
Fun ?on a envie d'y toucher
Démo · le chapitre prêche l'exemple · bouge la base, l'échelle φ suit en direct
base 17 pxraison √φ · ×1.272
Aamicro
Aafine
Aacorps
Aaintro
Aah3
Aah2
Aah1
Déjà en place sur monExpansion
L'avant/après φ jouable · les schémas SVG qui ouvrent un sujet · le toggle jour/nuit · les révélations au scroll · les dashboards cream live · la régie maison (kill-switch). Le contenu se manipule, il ne se subit pas.
Garde-fous
Léger (la perf d'abord) · accessible (clavier + prefers-reduced-motion) · sur la marque (cream, φ, corail). L'interaction sert la compréhension ou la décision · jamais le gadget. Si ça n'apprend rien, c'est du bruit.
10 · Tokens
Tout tient dans un bloc.
Le contrat unique entre ce livre et chaque implémentation · CSS, Tailwind, email, mockup. Colle ça, et la marque est respectée par construction.
Transparence cookies : on capte quelques infos anonymes (pages visitées, temps passé) pour comprendre ce qui résonne et ce qui tombe à plat. Ça nous aide à améliorer le site. Pas de revente. Pas de pub tierce. Pas de tracking qui te suit pendant 6 mois. Tu refuses ? Aucun souci, le site marche pareil.
Functional Toujours activé
Le stockage ou l'accès technique est strictement nécessaire à la finalité légitime de permettre l'utilisation d'un service spécifique explicitement demandé par l'abonné ou l'utilisateur, ou aux seules fins d'effectuer la transmission d'une communication sur un réseau de communications électroniques.
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.Le stockage technique ou l'accès utilisé exclusivement à des fins statistiques anonymes. Sans assignation à comparaître, conformité volontaire de la part de votre fournisseur de services Internet ou enregistrements supplémentaires provenant d'un tiers, les informations stockées ou récupérées à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
Le stockage ou l'accès technique est nécessaire pour créer des profils d'utilisateur afin d'envoyer de la publicité ou pour suivre l'utilisateur sur un site Web ou sur plusieurs sites Web à des fins de marketing similaires.
