Construire de la richesse, c'est ce que ton argent fait pendant que tu dors.
Introduction
Sérieux, chaleureux, et sans promesse
La base vient du site academy.jodycavalie.com : les grands aplats bleu nuit, les boutons or, le bleu vif de la méthode, la police Jokker et les photos de Jody en situation réelle.
Le site garde une partie du branding 2024 de Paul Brändli : le logo, la police et 3 couleurs. Le reste a été recalé et ne revient pas. Les valeurs exactes sont dans charte.md, et la page test montre le rendu sur un vrai contenu.
01
Logo
3 compositions et 3 couleurs, soit 18 versions, toutes valides. On choisit selon la place et le fond.
Télécharger les SVG : Large bleu · or · blanc · Medium bleu · or · blanc · Small bleu · or · blanc
Large
Monogramme et JODY CAVALIE sur 1 ligne : en-têtes, bandeaux, signatures d'e-mail.Medium
Sur 2 lignes : pieds de page, couvertures, formats carrés.
Small
Le monogramme seul : favicon, avatars, petits formats. Hauteur minimale 24px.Mauvais usages
02
Couleur
Le blanc et le bleu nuit font les fonds. L'or appelle à l'action, le bleu vif porte la méthode. Clique sur une couleur pour copier son code.
Couleurs d'appui
Le texte, les fonds discrets et 2 ajouts pour les tableaux de bord.
Règles. Le bouton or porte du texte blanc, comme sur le site (contraste 3,3:1, suffisant en grand, signalé en mobile). L'or ne sert pas de texte courant sur blanc : on prend alors #7D6A40. Le bleu vif ne s'écrit jamais sur bleu nuit. Les fichiers du logo gardent leurs couleurs d'origine, #12162D et #AA8C50.
Recalé du branding 2024
Ces couleurs des guidelines de Paul Brändli n'ont pas survécu sur le site. On ne les utilise pas.
03
Formes
Des coins doux et pas d'ombre. Les cartes se détachent par leur fond.
Espacements
| 24px | Entre les cartes |
| 24px | Intérieur des cartes |
| 55 à 85px | Marge verticale des sections pleine largeur (15px pour le bandeau des chiffres) |
| 1140px | Largeur du contenu, centrée (1300px pour l'en-tête) |
| 0 | Arrondi des photos, et ombre des cartes |
04
Typographie
Une seule famille, Jokker, en 3 graisses. Les titres sont très gras, le texte est léger.
Jokker HeavyTitres de section.
Jokker BoldTitres de hero, boutons, mots forts.
Jokker LightTexte courant et menus.
| HeroBold 42/50 | Augmentez vos revenus, faites-les fructifier |
| Titre de sectionHeavy 42/42 | Ils ont tenté l'expérience |
| Titre de carteBold 22/28 | Le Conseil des sages |
| KickerLight 18/20 | Particuliers, investisseurs et entrepreneurs |
| TexteLight 18/27 | Ici, on ne parle pas juste de rêver d'une vie meilleure, on parle de se donner les moyens de la créer. |
| BoutonBold 20 | Réserver ma place |
| Menu et légendeLight 14/21 | Notre méthode · Nos résultats · Livre · Blog |
Particuliers, investisseurs et entrepreneurs
Augmentez vos revenus, faites-les fructifier, devenez libres
6000 élèves formés
4,28/5 sur Trustpilot
453K followers
Approche pédagogiqueBoutons
Comme sur le site : le bouton or passe au bleu vif au survol, le bouton bleu de la méthode passe à l'or. Coins 5px, texte blanc Bold 20px, pas de flèche dans le bouton. Passe la souris pour voir.
“Jody ne vend pas du rêve : il partage une méthode.”Marie-Madeleine Lupot · Trustpilot, 22.07.2026
06
Éléments graphiques
Repris du site. Ils font la différence entre une page JCA et une page quelconque aux mêmes couleurs.
Le cercle « Liberté » et les cartes de la méthode
Disque bleu vif avec un halo, sur bleu nuit, entouré de cartes blanches. Une seule fois par page, pour la méthode.
La flèche dessinée
Un trait blanc à main levée qui pointe vers le bouton or. Sur fond sombre seulement, 1 par bloc. Télécharger le PNG
Les icônes bicolores
Pictogrammes pleins en bleu vif et or, sans contour. Une nouvelle icône suit le même principe.
Le bandeau presse
Une bande bleu nuit pleine largeur, les logos des médias en clair sur une ligne, juste sous le bandeau des chiffres.
07
Composition
Le blanc et le bleu nuit alternent, le gris clair n'accueille que le bandeau des chiffres. Cette page suit la même règle. Exemple complet : la page test.
À faire
- Un hero en photo réelle de Jody, voilée de noir
- Des titres de section centrés, en Jokker Heavy
- L'or pour chaque action, la flèche dessinée qui y mène
- Le bleu vif réservé à la méthode et aux icônes
- Le ton du site : vouvoiement dans les titres, tutoiement dans le texte, zéro promesse de gain
À éviter
- Le rouge, l'ébène, le gris chaud et l'ivoire du branding 2024
- Les illustrations façon BD
- Les ombres portées et les photos arrondies
- Un bouton sans son survol (or vers bleu, bleu vers or)
09
Décisions
Chaque choix tranché par Francisco, daté. Ce registre grandit à chaque version.
| 24.09.2026 | Le site academy.jodycavalie.com fait foi. |
| 24.09.2026 | Les 18 versions du logo (3 compositions × 3 couleurs × fonds blanc, bleu nuit ou or) sont toutes valides, à choisir selon le contexte. |
| 24.09.2026 | On garde ce que le site a conservé du branding de Paul Brändli : bleu nuit, or, bleu vif et Jokker. Le reste est recalé. |
| 24.09.2026 | Favicon : le monogramme or du site. |
| 24.09.2026 | Newsletter : le design des e-mails HubSpot, conçu par Francisco, fait foi pour les e-mails, avec ses propres valeurs. |
| 24.09.2026 | Boutons : on reproduit exactement le site. Bouton or, bleu vif au survol. Par extension, le ton suit aussi le site : vouvoiement dans les titres, tutoiement dans le texte. |