Documents
Présentations
Diapositives 16:9 à 1920 × 1080 px. Le gabarit de référence est le fichier Figma Slides « Gabarit présentation Forme » (dossier Forme Slideshows) ; ses composants viennent de la bibliothèque « Forme Design System » (voir Figma). Les mêmes règles s'appliquent aux présentations faites avec Claude, PowerPoint ou Keynote.
Titre de la présentation
NOM DU CLIENTTITRE28.04.20261 / 19Couverture : fond blanc, titre en grand, pied de page Forme.
Ce que nous avons appris
2 / 19Intercalaire : inversé, noir et logo blanc.
de demandes entrantes en six mois
3 / 19Chiffre clé : Bold autorisé, libellé court dessous.
Grille et pied de page
- Fond blanc, texte noir ; alignement à gauche ; une idée par diapositive.
- Grille Forme (identique à InDesign, style de grille Figma « Forme Slideshow 1920×1080 · 12 col ») : 12 colonnes de 150 px, gouttière 8, marges 16, marge de pied 124. La zone utile donne 6 rangées de carrés de 150 ; une colonne commence à 16 + k × 158. Le pied de page est hors grille, à y 972.
- Les slides de suite (un tableau qui continue) n'ont pas de titre : le contenu remonte à y 76.
- Pied de page sur toutes les diapositives (composant Pied de page, calé sur la grille : logo colonnes 1–3, client 4–6, titre 7–9, date 10, référence 11, pagination 12 alignée à droite) : en mono capitales 15 px
NOM DU CLIENT·TITRE DE LA PRÉSENTATION· date31.08.2026· référenceOFFRE 026.064· pagination1 / 20. - Intercalaire de chapitre en inversé (fond noir, texte et logo blancs).
- Images : plein cadre ou cadrées à 12 px de rayon, sans ombre ni effet. Les pastilles mono sur image sont autorisées (nom du projet).
- Montants sans séparateur de milliers :
13376.00, alignés à droite en mono.
Styles de texte
Ce sont les styles « Présentation/ » de la bibliothèque Figma (dossiers Titres, Textes, Mono) ; reprends les mêmes tailles dans un autre outil. Les capitales mono sont à 8 % d'espacement.
| Style | Police | Taille / interligne | Usage |
|---|---|---|---|
Titres/96 Medium | Aeonik Medium | 96 / 100 % | Chiffre clé, très grand titre |
Titres/72 Medium | Aeonik Medium | 72 / 68 | Titre de couverture |
Titres/60 Medium | Aeonik Medium | 60 / 110 % | Grand titre ponctuel |
Titres/48 Medium | Aeonik Medium | 48 / 48 | Titre de diapositive, déclarations, distinctions |
Textes/36 Medium · 36 Regular | Aeonik | 36 | Intertitres, titres de colonne, chapeau |
Textes/32 Regular | Aeonik Regular | 32 / 110 % | Texte d'introduction |
Textes/24 Regular · Medium · Bold | Aeonik | 24 / 24–26 | Texte courant (minimum à 1920 px), mise en avant |
Textes/18 Regular | Aeonik Regular | 18 / 20 | Exception : cartes du schéma nodal |
Textes/14 Regular · Bold | Aeonik | 14 / 120 % | Conditions générales |
Textes/12 Regular · Bold | Aeonik | 12 / 120 % | Notes, sources |
Mono/24 Regular | Aeonik Mono | 24 / 26 | Chiffres, montants en grand |
Mono/20 Capitales | Aeonik Mono, capitales, 8 % | 20 / 24 | Pastilles M, phases Process, surtitres |
Mono/20 Regular · Medium | Aeonik Mono | 20 / 24 | Listes (réseau, partenaires) |
Mono/15 Capitales · Capitales Medium | Aeonik Mono, capitales, 8 % | 15 / 15–18 | Pied de page, repères, légendes, pastilles S, heures |
Mono/10 Capitales Medium | Aeonik Mono, capitales, 8 % | 10 / 12 | Pastilles XS, numéros d'articles |
Couleur et Forme®Process
Base noir et blanc. La palette Forme intervient pour un schéma, une série de graphique ou les phases de Forme®Process : Challenge (orange), Découvrir (rose), Définir (violet), Développer (bleu), Délivrer et Solution (vert). Phases et étapes s'écrivent avec un seul composant, la Pastille : style Plein (texte blanc) ou Contour, huit couleurs (les six de la palette, le noir, et le blanc réservé au contour sur fond sombre), trois tailles — M 20 px pour les phases du Process, S 15 px (cartes nodales, tableaux), XS 10 px (listes, lignes d'offre). GESTION, TIERS et OPTION sont en noir.
Chaque couleur existe en trois niveaux : plein (pastilles, courbes ; texte blanc),
light (--forme-*-light ; « à faire » / « à éviter » en vert et rouge light,
à la place des anciens LIGHT GREEN et LIGHT RED) et ultra-light
(--forme-*-ultra-light ; fonds de boîtes et de colonnes, par exemple la slide Process).
Texte, coches et croix en noir sur light et ultra-light.
Déroulé du projet et détail des phases
Dans une offre, le schéma nodal ne sert qu'à la vue d'ensemble : une slide « Déroulé du projet », avec des cartes réduites à la pastille et au titre, reliées par des connecteurs, et un crochet par phase. Composants Nodal / Crochet de phase, Carte étape et Connecteur (droit, coude, marche).
- Exception de grille : marges et gouttières de 72 px, 4 colonnes de 390 (style « Forme Slideshow 1920×1080 · Nodal 4 col »). Titre, pastille d'en-tête et pied restent sur la grille 12 colonnes.
- Cartes blanches, filet gris 300 de 2 px, rayon 8 ; connecteurs gris 300 de 2 px, points de 6 px.
- Couleur de pastille = étape du Forme®Process (ANALYSE rose, STRATÉGIE et PATRIMOINE violet, CONCEPTION et EXÉCUTION bleu, PRODUCTION, APPEL D'OFFRES et PÉRENNITÉ vert).
Chaque phase est ensuite détaillée dans un tableau (slide de base « 08 Détail de phase »), construit avec les composants Ligne d'offre et Total d'offre : une ligne par tâche (pastille, titre, description complète en 24 px, heures, taux, montant), une ligne « Gestion de projet 10 % », le total de la phase, puis les options éventuelles, hors somme. Un tableau peut s'étaler sur plusieurs slides ; un total ne reste jamais seul. Le titre de phase tient sur une ligne : « Phase 1 — Avant-projet (J01.04) ».
Génération depuis l'ERP : JSON /api/offres/<numéro>/schema-nodal (ou outil MCP
get_offre_schema_nodal), puis figma/schema-nodal/generer-slides.js
du dépôt forme-design-system (aussi servi sur design.forme.ch/figma/schema-nodal/), exécuté par Claude dans le fichier Slides : il produit le déroulé et les tableaux. Le récapitulatif d'offre (slide 09) ne montre que les montants.
À éviter
- Dégradés, ombres décoratives, émojis, icônes clipart.
- Plus de trois niveaux de texte sur une diapositive ; texte courant sous 24 px.
- Recolorer ou déformer le logo ; ajouter un pictogramme au mot-symbole.