Cône, la charte graphique.
Un projet d’école : la charte graphique et les personas de la Crémerie Cône Fraise, construits dans Figma.
- Type
- Projet d’école
- Livrables
- Charte graphique · Personas
- Contenu
- Typographie · Couleurs · Logo · Grille · Boutons
- Outil
- Figma
Ce que contient la charte.
La Crémerie Cône Fraise est le sujet de ce projet d’école. Le fichier Figma rassemble deux livrables : la charte graphique et les personas.
La charte couvre la typographie, les couleurs, les combinaisons AA en thème clair et en thème sombre, les logos, la grille, l’espacement et les boutons.
La typographie.
ABC Maxi Round pour les titres, Gotham pour le texte courant. Cinq styles de titres, de 24 à 56 px, et quatre tailles de texte, de 14 à 20 px.
Les couleurs.
Neuf couleurs inspirées de la crème glacée et des fruits : une fraise noire pour le texte, huit teintes de rose, de corail et de pêche. Chacune a son rôle, du fond de page au bouton.
Lisible, en clair comme en sombre.
Chaque combinaison de texte et de fond affiche son ratio de contraste, de 5,4:1 à 14:1, en thème clair et en thème sombre.
La grille et l’espacement.
Une zone de contenu de 995 px : 2 colonnes sur mobile, 4 sur tablette, 6 sur ordinateur. L’espacement repose sur une unité de 4 px, de 4 à 96 px.
Les boutons.
Des boutons en plusieurs tailles et états, avec leurs règles de proportions.
Les personas.
Deux profils clés : Camille, 24 ans, cliente régulière, et Olivier, 37 ans, fondateur et propriétaire. Chaque fiche a un profil, des objectifs, des frustrations ou des défis, et des habitudes ou une vision.
Outils utilisés
- Figma
Un projet de design ? Parlons‑en.
Le plus simple, c’est un courriel. Dites-moi ce que vous vendez et où vous en êtes, et on verra ensemble par où commencer.
Choisissez un sujet : le courriel s’ouvre avec un début de message déjà écrit.