Le catalogue
Chaque composant porte ses règles.
Un composant n'écrit jamais une couleur, une police, un rayon ni une épaisseur de filet en dur. Il lit quinze valeurs de charte. C'est ce contrat qui rend la mise à votre charte mécanique plutôt qu'interprétative.
Sous chaque aperçu figurent les pages de la galerie où le motif a été relevé. Aucun composant ne sort d'une intuition de studio : les 277 pages viennent de 120 documents publiés, et la fiche de chaque composant crédite chacune d'elles.
42 composants sur 42
Relevé dans 13 documents · Lefty, Ace & Tate
Chiffres clés, quatre colonnes
Quatre indicateurs avec libellé, valeur et phrase de lecture.
type: chiffres clés · charte: héritée
Relevé dans 11 documents · Accenture, Apple Inc.
Citation attribuée
Une citation en grand corps, avec son auteur en texte courant. Jamais de nom en capitales interlettrées.
type: citation · charte: héritée
Relevé dans 9 documents · Arkive Inc., Combo
Comparatif en deux colonnes
Oppose deux options ligne à ligne sur les mêmes critères. La colonne retenue prend l'accent, jamais une couleur de validation.
type: comparatif · charte: héritée
Relevé dans 7 documents · ilovecreatives, DEPT®
Couverture
La première slide : titre du document, sous-titre, émetteur et date.
type: couverture · charte: héritée
Relevé dans 2 documents · Nayture, Docusign
Couverture pleine image
Une photographie plein cadre, un voile et une teinte de charte, le titre posé en bas à gauche. Le voile n'est pas décoratif, il garantit la lisibilité du texte.
type: couverture · charte: héritée
Relevé dans 1 document · lululemon athletica inc.
Cycle en quatre temps
Une boucle fermée de trois à six temps. Employé pour un enchaînement qui recommence, jamais pour un process qui se termine.
type: cycle · charte: héritée
Relevé dans 16 documents · GHARAGE GmbH & Co. KG, Artsy
Graphique commenté
Un graphique en barres et la lecture qui l'accompagne, côte à côte. Le titre porte la conclusion, la figure la démontre.
type: graphique · charte: héritée
Relevé dans 20 documents · Ace & Tate, Arts Midwest
Image et texte, moitié-moitié
Une photographie sur une moitié, le propos sur l'autre. La coupe se fait toujours au même endroit dans un même document.
type: image et texte · charte: héritée
Relevé dans 27 documents · Air, BrandCrew
Intercalaire de section
Sépare deux parties : numéro de partie, titre, et rappel du plan.
type: intercalaire · charte: héritée
Relevé dans 12 documents · Studio Freight, Diagram
Manifeste, une idée par page
Une phrase seule, en très gros corps, sur une page nue. Rien d'autre ne partage la page avec elle.
type: manifeste · charte: héritée
Matrice SWOT
Quatre quadrants, forces et faiblesses en haut, opportunités et menaces en bas. Les quadrants internes prennent l'accent, les externes le neutre.
type: swot · charte: héritée
Relevé dans 7 documents · CNVRT Labs, ilovecreatives
Process en étapes numérotées
Trois à six étapes numérotées, avec objectif et sortie attendue.
type: process · charte: héritée
Relevé dans 2 documents · ilovecreatives, Land of Plenty
Questions fréquentes
Questions et réponses en colonnes, le registre de la question tenu distinct de celui de la réponse.
type: questions · charte: héritée
Relevé dans 16 documents · Air, Boardmasters
Règle et applications
La règle énoncée dans une colonne étroite, ses applications réelles en regard. L'appariement se voit sans légende.
type: règle · charte: héritée
Relevé dans 14 documents · Accenture, Artsy
Sommaire numéroté
Le plan du document, avec la partie courante marquée et le nombre de slides par partie.
type: sommaire · charte: héritée
Relevé dans 6 documents · BB Agency, Riot Games
Tableau de comparables
Tableau à lignes alternées avec une ligne de médiane et une ligne mise en avant.
type: tableau · charte: héritée
Relevé dans 7 documents · Apple Inc., DEPT®
Un chiffre, plein cadre
Un seul chiffre en très grand corps, sa lecture en dessous, sa source au pied. Employé pour le chiffre qui porte toute la démonstration.
type: chiffre géant · charte: héritée
Relevé dans 1 document · Studio Linear
Avant et après
Deux vignettes de même format, l'état d'origine et l'état livré, chacune avec sa légende sous l'image.
type: comparatif · charte: héritée
Relevé dans 4 documents · Formula 1, FWB
Bons et mauvais usages
Une rangée de cas marqués corrects ou fautifs, avec la raison écrite sous chaque vignette.
type: règle · charte: héritée
Relevé dans 3 documents · Arkive Inc., Future Snoops
Calendrier en phases
Frise horizontale à phases, avec jalons marqués et chemin critique signalé.
type: calendrier · charte: héritée
Relevé dans 6 documents · DEPT®, Design Hotels AG
Citation sur portrait
Une citation posée à côté du portrait de la personne citée. Le nom reste en texte courant, jamais en capitales interlettrées.
type: citation · charte: héritée
Diagramme de Gantt
Tâches datées sur une échelle de semaines, avec dépendances signalées et jalons marqués. Plus fin que la feuille de route, pour un chantier unique.
type: gantt · charte: héritée
Entonnoir de conversion
Quatre à six étages décroissants, avec volume, taux de passage et lecture. La largeur de chaque étage est proportionnelle à son volume.
type: entonnoir · charte: héritée
Relevé dans 2 documents · Figma, NIKE
Équipe, quatre profils
Quatre à six personnes avec nom, fonction et une ligne de contexte. Le nom reste en texte courant.
type: équipe · charte: héritée
Feuille de route à couloirs
Plusieurs chantiers menés en parallèle sur une même échelle de temps. Un couloir par chantier, des blocs positionnés à leur période.
type: feuille de route · charte: héritée
Relevé dans 9 documents · YourStudio Ltd, BB Agency
Fiche de cas
Un gabarit d'étude de cas répétable : le client, le contexte, ce qui a été fait, le résultat chiffré, les crédits.
type: étude de cas · charte: héritée
Relevé dans 6 documents · Apple Inc., Boiler Room
Grille bento
Une mosaïque de tuiles inégales autour d'une tuile héros. Un fait et un seul par tuile.
type: grille · charte: héritée
Relevé dans 22 documents · Air, Magnum Photos
Grille d'images légendées
Trois à quatre visuels de même traitement, chacun avec sa légende. Le filtre de charte s'applique à tous, c'est ce qui tient la cohérence.
type: grille d'images · charte: héritée
Relevé dans 3 documents · Andreas Maris, Nayture
Grille tarifaire
Deux à quatre offres en colonnes, à paliers gradués, avec une offre centrale mise en avant en option.
type: offre · charte: héritée
Relevé dans 12 documents · DEPT®, Docusign
Intercalaire pleine image
Le pendant photographique de l'intercalaire. Numéro et titre de partie sur une image voilée, même grille que la version sur aplat.
type: intercalaire · charte: héritée
Jalons en chevrons
Une progression en trois à cinq chevrons, chacun portant son jalon et sa condition de passage. Employé quand l'ordre compte plus que les dates.
type: jalons · charte: héritée
Relevé dans 2 documents · MØRNING, Dazed Studio
Matrice deux axes
Positionne des éléments sur deux axes, avec quadrants nommés et légende de lecture.
type: matrice · charte: héritée
Relevé dans 3 documents · D&AD, Complex Networks
Mur de citations
Plusieurs témoignages sur une même page, chaque attribution soudée à son bloc, les registres tenus distincts.
type: citation · charte: héritée
Relevé dans 6 documents · Google Cloud, Lunchbox Technologies
Mur de preuves
Une grille de références clientes, à cadre et à hauteur constants, avec une pastille de preuve chiffrée en option.
type: références · charte: héritée
Relevé dans 3 documents · Bolt, Riot Games
Nuancier
La palette en surfaces proportionnelles à leur usage réel, chaque référence écrite dans la couleur elle-même.
type: charte · charte: héritée
Organigramme sur trois niveaux
Une direction, deux à quatre pôles, et leurs équipes. Les traits de liaison prennent l'épaisseur de filet de la charte.
type: organigramme · charte: héritée
Relevé dans 1 document · Olo Inc.
Passage d'EBITDA
Graphique en cascade : point de départ, mouvements positifs et négatifs, point d'arrivée. Le mouvement négatif est hachuré, jamais coloré en alerte.
type: graphique · charte: héritée
Relevé dans 4 documents · Dropbox, Olo Inc.
Petits multiples
La même figure répétée en cartes alignées, une par segment. Mêmes échelles partout, donc la comparaison se fait à l'œil.
type: graphique · charte: héritée
Relevé dans 6 documents · Lunchbox Technologies, NEXT Insurance
Proportion visuelle
Une part rendue visible avant d'être lue : anneaux, grille de cent, pictogrammes unitaires. Le chiffre confirme ce que l'œil a déjà compris.
type: proportion · charte: héritée
Relevé dans 1 document · Combo
Pyramide à quatre niveaux
Une hiérarchie du général au particulier, chaque niveau accompagné de sa légende à droite.
type: pyramide · charte: héritée
Relevé dans 4 documents · BrandCrew, Boardmasters
Spécimen typographique
Chaque style composé dans sa propre police et sa propre graisse, en regard de sa spécification technique.
type: charte · charte: héritée
Relevé dans 2 documents · Ace & Tate, Soho House & Co Inc.
Tableau de suivi
Les engagements en lignes : la promesse, l'avancement, le statut, un par ligne et rien de plus.
type: tableau · charte: héritée