Fondations d'une
identité premium
Trente palettes et trente duos typographiques pour choisir les bases de ton identité premium.
Croise une palette et un duo, et repars avec ta fiche identité complète.
Cinq couleurs. Deux polices. Jamais plus.
La différence entre une identité amateur et une identité premium ne tient presque jamais au talent graphique. Elle tient à la contrainte. Une identité construite sur cinq couleurs et deux polices, appliquées toujours au même endroit, paraît chère. La même avec neuf couleurs paraît bricolée.
Le fond principal
La couleur qui occupe 60 % de l'écran. Toujours la plus claire, ou la plus sombre si le site est en mode nuit. Ce n'est pas une couleur d'accent : c'est l'air du site.
Le fond secondaire
Sert à séparer deux sections sans poser de bordure. C'est ce qui crée le rythme vertical d'une page longue. Environ 25 % de la surface.
Le texte
Jamais du noir pur, qui vibre sur écran. Toujours un brun-noir, un vert-noir ou un bleu-noir tiré de la famille de la palette.
L'accent
Boutons, liens, soulignements, prix. Environ 10 % de la surface. La seule couleur qui a le droit d'être saturée, et elle ne sert qu'à faire cliquer.
Le détail
Filets, bordures, fonds de badges, icônes. Version très diluée de l'accent. Elle ne porte jamais de texte important.
La règle 60 / 25 / 10 / 5
Fond principal, fond secondaire, accent, texte. Si l'accent dépasse 10 %, il cesse d'être un accent et devient du bruit.
Le contraste minimum
Texte courant : ratio 4,5:1 minimum. Grands titres de 24 px et plus : 3:1. Les trente palettes de cet outil respectent déjà ces seuils, boutons compris.
Deux polices, pas trois
Une police de titre avec du caractère, une police de texte parfaitement lisible. Une troisième police n'ajoute jamais d'élégance, seulement de la confusion.
Le corps de texte
17 px minimum sur desktop, 16 px sur mobile, interligne 1,65 à 1,75, largeur de colonne 60 à 75 caractères. Ces chiffres ne se négocient pas.
Trente univers chromatiques
Chaque palette est construite autour d'un métier et d'une émotion précise, dans un registre quiet luxury : une base calme et un seul accent réellement intentionnel. Clique sur n'importe quelle pastille pour copier son code. Tous les contrastes affichés sont calculés en direct et respectent le seuil de 4,5:1, y compris sur les boutons.
Trente duos qui fonctionnent
Filtre par ambiance pour trouver le registre qui te correspond. Toutes ces polices viennent de la bibliothèque Google intégrée à Squarespace 7.1 : aucun compte Adobe, aucun upload, aucune ligne de code. Si une police n'apparaît pas dans ton sélecteur, choisis un autre duo de la même ambiance.
Croise une palette et un duo
L'outil que tu ouvres pendant l'appel avec ta cliente. Choisis à gauche, montre à droite. C'est la façon la plus rapide de faire valider une direction visuelle sans ouvrir Figma ni Canva.
avant la peau
Le texte à donner à Claude
Quand la direction est validée dans le Studio d'accord, cette fiche se génère toute seule. Copie-la, colle-la dans ton projet Claude : elle contient tout ce dont il a besoin pour coder tes pages à partir des modèles de la bibliothèque RYS, sans jamais te redemander une couleur ou une police.
Change la palette ou le duo dans le Studio d'accord : la fiche se met à jour instantanément.