230 lines
7.1 KiB
YAML
230 lines
7.1 KiB
YAML
# ============================================================
|
|
# LAYOUTS V2 — Design System "PR Editorial"
|
|
# ============================================================
|
|
# CHANGEMENT MAJEUR vs v1 :
|
|
# - plus de top_cm / height_cm par zone : le moteur applique
|
|
# la grille (theme.grid) et centre verticalement chaque layout
|
|
# - chaque layout déclare uniquement ses paramètres spécifiques
|
|
# - noms de layouts et agent_hints CONSERVÉS (compat agents P3)
|
|
# ============================================================
|
|
|
|
layouts:
|
|
|
|
cover_split:
|
|
id: L01
|
|
famille: "Ouverture"
|
|
mode: dark # fond navy + motif cercles
|
|
agent_hint: >
|
|
Slide de couverture. titre = titre de la présentation,
|
|
sous_titre = tagline en une phrase.
|
|
champs: [titre, sous_titre]
|
|
champs_requis: [titre]
|
|
|
|
executive_summary:
|
|
id: L05
|
|
famille: "Synthèse"
|
|
mode: light
|
|
agent_hint: >
|
|
Synthèse SCR. Titre = So What. 3 cartes pleine largeur :
|
|
situation, complication, resolution (1-2 phrases chacune).
|
|
champs: [titre, situation, complication, resolution]
|
|
champs_requis: [titre, situation, complication, resolution]
|
|
labels: ["SITUATION", "COMPLICATION", "RÉSOLUTION"]
|
|
|
|
section_divider:
|
|
id: L03
|
|
famille: "Structure"
|
|
mode: dark # navy + numéro géant ghost
|
|
agent_hint: >
|
|
Transition de section. titre = nom de la section.
|
|
Le numéro est incrémenté automatiquement par le moteur.
|
|
champs: [titre]
|
|
champs_requis: [titre]
|
|
|
|
big_stat:
|
|
id: L10
|
|
famille: "Données"
|
|
mode: light
|
|
agent_hint: >
|
|
Un chiffre héro plein écran. valeur = le chiffre (ex "78%"),
|
|
description = ce qu'il signifie, source = référence.
|
|
champs: [titre, valeur, description, source]
|
|
champs_requis: [titre, valeur]
|
|
|
|
two_cols_text:
|
|
id: L07
|
|
famille: "Comparaison"
|
|
mode: light
|
|
agent_hint: >
|
|
Deux colonnes en cartes avec en-tête coloré.
|
|
left/right = {titre, bullets[]}. Gauche = navy, droite = corail.
|
|
champs: [titre, left, right]
|
|
champs_requis: [titre, left, right]
|
|
|
|
kpi_grid:
|
|
id: L09
|
|
famille: "Données"
|
|
mode: light
|
|
agent_hint: >
|
|
2 à 6 cartes KPI. items = [{label, valeur, description}].
|
|
valeur en grand corail, label en en-tête, description en source.
|
|
champs: [titre, items]
|
|
champs_requis: [titre, items]
|
|
|
|
key_message:
|
|
id: L08
|
|
famille: "Message"
|
|
mode: dark # citation sur navy + guillemet corail
|
|
agent_hint: >
|
|
Message clé en citation plein écran.
|
|
message = la phrase forte, detail = sous-texte optionnel.
|
|
champs: [message, detail]
|
|
champs_requis: [message]
|
|
|
|
circular_diagram:
|
|
id: L17
|
|
famille: "Concept"
|
|
mode: light
|
|
agent_hint: >
|
|
3 à 6 valeurs en cercles + légende à droite.
|
|
segments = [{label, description, couleur?}].
|
|
champs: [titre, segments]
|
|
champs_requis: [titre, segments]
|
|
|
|
default_bullets:
|
|
id: L06
|
|
famille: "Texte structuré"
|
|
mode: light
|
|
agent_hint: >
|
|
Liste de points clés. Si texte au format "Mot : explication",
|
|
le moteur met le mot en gras navy. Max 5 bullets.
|
|
bullets = [{niveau, texte}].
|
|
champs: [titre, bullets]
|
|
champs_requis: [titre, bullets]
|
|
|
|
numbered_steps:
|
|
id: L19
|
|
famille: "Process"
|
|
mode: light
|
|
agent_hint: >
|
|
Étapes en cartes pleine largeur avec badge rond numéroté.
|
|
steps = [{numero, titre, description}].
|
|
champs: [titre, steps]
|
|
champs_requis: [titre, steps]
|
|
|
|
phases_timeline:
|
|
id: L23
|
|
famille: "Planning"
|
|
mode: light
|
|
agent_hint: >
|
|
Phases reliées par une ligne pointillée.
|
|
phases = [{label, periode}]. Couleurs du cycle theme.
|
|
champs: [titre, phases]
|
|
champs_requis: [titre, phases]
|
|
|
|
recommendation_card:
|
|
id: L28
|
|
famille: "Acteurs & décision"
|
|
mode: panel # sidebar navy 30% + corps light
|
|
agent_hint: >
|
|
Carte de recommandation. Sidebar = numero + titre + cta.
|
|
Corps = headline + bullets.
|
|
champs: [numero, titre, cta, headline, bullets]
|
|
champs_requis: [titre, headline, bullets]
|
|
sidebar_width_cm: 9.9 # ~30% de 33.87
|
|
|
|
end_slide:
|
|
id: L30
|
|
famille: "Clôture"
|
|
mode: dark
|
|
agent_hint: >
|
|
Slide de fin. message = phrase de conclusion.
|
|
champs: [message]
|
|
champs_requis: [message]
|
|
|
|
from_to_pairs:
|
|
id: L31
|
|
famille: "Transformation"
|
|
mode: light
|
|
agent_hint: >
|
|
Transformation avant/après en paires alignées.
|
|
pairs = [{from, to}]. label_from/label_to = en-têtes colonnes.
|
|
Max 5 paires. Idéal pour tangibiliser un changement.
|
|
champs: [titre, pairs, label_from, label_to]
|
|
champs_requis: [titre, pairs]
|
|
|
|
gantt_timeline:
|
|
id: L32
|
|
famille: "Planning"
|
|
mode: light
|
|
agent_hint: >
|
|
Gantt par workstreams. periods = liste de labels (ex ["Juin","Juil"]).
|
|
workstreams = [{label, tasks: [{label, start, end}]}].
|
|
start/end = index dans periods (0-based). Max 3 workstreams, 4 tâches chacun.
|
|
champs: [titre, periods, workstreams]
|
|
champs_requis: [titre, periods, workstreams]
|
|
|
|
yearly_timeline:
|
|
id: L33
|
|
famille: "Historique"
|
|
mode: light
|
|
agent_hint: >
|
|
Frise chronologique horizontale. milestones = [{annee, label, actif?}].
|
|
actif = true pour le jalon courant (corail). Labels alternent haut/bas.
|
|
Max 6 jalons.
|
|
champs: [titre, milestones]
|
|
champs_requis: [titre, milestones]
|
|
|
|
comparison_table:
|
|
id: L34
|
|
famille: "Comparaison"
|
|
mode: light
|
|
agent_hint: >
|
|
Tableau structuré multi-critères. headers = liste de colonnes (1ère = critères).
|
|
rows = [{label, values: []}] ou listes plates. Max 5 colonnes, 8 lignes.
|
|
champs: [titre, headers, rows]
|
|
champs_requis: [titre, headers, rows]
|
|
|
|
raci_table:
|
|
id: L35
|
|
famille: "Gouvernance"
|
|
mode: light
|
|
agent_hint: >
|
|
Matrice RACI. roles = liste de rôles. tasks = [{label, raci: [R/A/C/I]}].
|
|
R=Responsable(corail), A=Autorité(navy), C=Consulté(slate), I=Informé(muted).
|
|
Max 4 rôles, 8 tâches.
|
|
champs: [titre, roles, tasks]
|
|
champs_requis: [titre, roles, tasks]
|
|
|
|
process_arrow:
|
|
id: L36
|
|
famille: "Process"
|
|
mode: light
|
|
agent_hint: >
|
|
Flux horizontal de 3 à 6 étapes. steps = [{titre, description}].
|
|
Badges numérotés corail, couleurs cycle alternées. Max 6 étapes.
|
|
champs: [titre, steps]
|
|
champs_requis: [titre, steps]
|
|
|
|
org_chart:
|
|
id: L37
|
|
famille: "Organisation"
|
|
mode: light
|
|
agent_hint: >
|
|
Organigramme hiérarchique max 3 niveaux.
|
|
root = {label, children: [{label, children?: [{label}]}]}.
|
|
Max 4 enfants directs, 3 petits-enfants par enfant.
|
|
champs: [titre, root]
|
|
champs_requis: [titre, root]
|
|
|
|
matrix_2x2:
|
|
id: L38
|
|
famille: "Priorisation"
|
|
mode: light
|
|
agent_hint: >
|
|
Matrice effort/impact. axis_x/axis_y = {label, low, high}.
|
|
quadrants = {top_left, top_right, bottom_left, bottom_right}.
|
|
items = [{label, x, y}] avec x/y de 0 à 100. Max 8 items.
|
|
champs: [titre, axis_x, axis_y, quadrants, items]
|
|
champs_requis: [titre, items]
|