Design System
Un club privé, une seule signature
Ce Design System est la référence unique pour le design d'IMPORTANT. Il est relevé sur le site important.club, qui fait foi : beaucoup de blanc, un seul vert profond, des titres de magazine en Times très serrés et des blocs aux coins doux posés côte à côte.
Le même Design System existe en texte brut, avec toutes les valeurs exactes : charte.md. Toute page créée pour IMPORTANT part de là, sans qu'on ait à réexpliquer quoi que ce soit.
01Logo
Un mot-symbole en capitales grasses, suivi du ®. Foncé sur fond clair, blanc sur le vert ou sur une photo sombre. Jamais redessiné en texte.
Icône d'onglet
Le favicon de Jody, sur toutes les pages IMPORTANT.Zone de protection
Laisser autour du logo au moins la hauteur d'une lettre. Hauteur minimale : 20px.Mauvais usages
02Couleur
Un seul vert porte toute la marque. Le reste est du blanc, du gris très clair et une encre presque noire. Cliquez sur une couleur pour copier son code.
Nuances de vert
Elles nuancent le vert sans jamais le remplacer : survol, halos du panneau, graphiques, pastilles.
États des tableaux de bord
Absents du site, ajoutés pour les tableaux de bord. Toujours accompagnés d'un mot, jamais la couleur seule.
Règle. Pas de 2e couleur d'accent, pas de bleu, de violet ni d'or. Pas d'ombres : les objets se détachent par leur fond. Thème clair uniquement.
03Formes
Des blocs aux coins doux, posés côte à côte et séparés de 16px. Des boutons en pilule. Aucune ombre.
Espacements
| 16px | Entre tuiles, entre cartes, marge de page |
| 24px | Intérieur des cartes blanches |
| 56 à 60px | Intérieur des tuiles grises (24px sur mobile) |
| 1296px | Largeur maximale de la page |
04Typographie
2 familles, pas une de plus. Times pour les titres et les chiffres, Poppins pour tout le reste.
Times New RomanTitres et gros chiffres. Toujours très serrée : interlettrage de -0,05 à -0,07em. Les mots forts en gras italique.
PoppinsTexte courant, navigation, boutons, légendes. En 400, 500 et 600.
| DisplayTimes 70/0,85 · 400 | Investissez dans des deals IMPORTANT |
| TitreTimes 40 · 700 italique | Le tunnel par segment |
| Titre de carteTimes 34 · 700 italique | Accès à la communauté |
| Chiffre cléTimes 56 · 400 | 1 284 |
| ChapeauPoppins 24 · 400 | Plus qu'un simple club-deal |
| TextePoppins 16/24 · 400 | IMPORTANT® source les deals. La structuration et la conformité sont assurées par un partenaire régulé AMF & ACPR. |
| LégendePoppins 13 · 500 | Relevé le 24.09.2026 · HubSpot |
05Application
Les pièces qui reviennent sur chaque page. Elles viennent du site, sauf la carte d'indicateur, ajoutée pour les tableaux de bord.
Boutons
Pilule verte, bordure 1px noire, flèche. Sur le vert : fond blanc, texte vert.Important Networking
Le panneau vert porte le temps fort d'une page. Un seul par écran.
Des conditions uniques
Les mêmes conditions d'investissement que Taylor sur l'ensemble des deals.
Aucun frais caché
Rémunération uniquement à la performance.
En toute liberté
Libre de choisir les deals sur lesquels se positionner.
06Composition
Une page IMPORTANT est une mosaïque de tuiles séparées de 16px : la barre de navigation, le hero (titre à gauche, panneau vert à droite), puis une tuile par section.
À faire
- Beaucoup de blanc, une densité aérée
- 2 ou 3 colonnes, 1 seule sur mobile
- Photos d'événements en pleine tuile, sans filtre
- Vouvoiement, phrases courtes, vocabulaire d'investisseur
À éviter
- Ombres portées et dégradés arc-en-ciel
- Titres en Times sans interlettrage serré
- Plus d'un panneau vert par écran
- Émojis et capitales forcées