La meilleure persuasion, c'est la relation.
Introduction
Des textes humains, un design qui respire
La base vient du site systememarketing.fr : le noir et blanc, les photos en noir et blanc, les grands titres en Slate gras, les angles droits et les cartes posées avec une ombre douce.
Nouveauté de cette version : la couleur. Le jaune devient la signature, comme un surligneur sur une copie. L'orange souligne et le bleu informe. Tout est aussi disponible en texte brut, avec les valeurs exactes : charte.md.
01
Logo
Le mot-symbole « SystèmeMarketing.fr », en un seul mot et en gras italique. Noir sur fond clair ou jaune, blanc sur fond noir ou sur une photo.
Zone de protection
Laisser autour du logo au moins la hauteur du « S ». Hauteur minimale du mot-symbole : 20px.Mauvais usages
02
Couleur
Le noir et le blanc font la base, le jaune signe, l'orange souligne, le bleu informe. Cliquez sur une couleur pour copier son code.
Couleurs d'appui
Ajouts pour le texte long et les tableaux de bord. L'orange et le bleu de la palette ne sont pas assez foncés pour du texte sur blanc : on utilise alors leur version foncée.
Règle. Sur l'orange, le jaune et le bleu, le texte est toujours noir, jamais blanc. Pas de dégradé, sauf dans l'icône « SM ».
03
Formes
Des angles droits partout, comme sur le site. Les cartes blanches se détachent par une ombre douce, jamais par un arrondi.
Espacements
| 24px | Entre les cartes |
| 32px | Intérieur des cartes |
| 96px | Entre 2 sections pleine largeur (56px sur mobile) |
| 1080px | Largeur du contenu, centrée |
04
Typographie
Slate, la police du site, en 2 graisses. Les mots forts passent en italique ou sous le surligneur.
Slate BoldTitres, boutons et chiffres clés.
Slate RegularTexte courant, chapeaux et légendes.
| DisplaySlate Bold 80/88 | J'écris des textes humains |
| Titre de sectionSlate Bold 48/54 | Comment ça fonctionne. |
| Titre de carteSlate Bold 26/32 | Bâtissez une confiance avec votre audience |
| Chiffre cléSlate Bold 64 | 167 k |
| ChapeauSlate Regular 24/36 | Recevez votre conseil quotidien pour rédiger des textes humains. |
| TexteSlate Regular 18/27 | Votre prospérité dépend de la relation que vous entretenez avec votre audience. |
| EyebrowSlate Regular 14 · capitales | Étape 1 · Enzo Honoré, coach |
05
Application
Les pièces qui reviennent sur chaque page. Les cartes d'étape et de témoignage viennent du site. Le bandeau jaune et la carte d'indicateur sont nouveaux.
Noir ou blanc, toujours avec une flèche. Contour noir sur fond blanc, blanc sur fond noir, aucun sur fond jaune. Au survol, le bouton s'inverse et la flèche glisse.
Étape 1
Bâtissez une confiance avec votre audience.
Votre prospérité dépend de la relation que vous entretenez avec votre audience.
Étape 2
Forgez-vous une réputation de haute renommée.
Une fois que la confiance règne, vos ventes s'accélèrent.
Étape 3
Contribuez avec un business prospère.
Choisissez comment vous souhaitez contribuer au bien-être de votre audience.
Recevez votre conseil quotidien pour rédiger des textes qui vendent.
Recevoir les emailsTémoignage
« Après la review de Francisco, mon chiffre d'affaires a été multiplié par 2 en une semaine ! »
Exemple · prénom, métierJ'ai travaillé pour
06
Composition
3 fonds seulement : le blanc, le noir (avec une photo en noir et blanc) et le jaune. Ils alternent en sections pleine largeur, et le contenu est centré dans 1080px.
À faire
- Des photos en noir et blanc uniquement
- Au moins un bandeau jaune par page longue
- Des mots forts surlignés ou en italique
- Le vouvoiement, des phrases courtes, des preuves chiffrées
À éviter
- Des coins arrondis
- Des boutons de couleur, des formes décoratives
- Un fond gris ou crème, 2 sections noires d'affilée
- Des émojis décoratifs