Team Sections
team-bio-grid
stable Bibliothèque Contenu inline (instance)Établir la crédibilité, Raconter une histoire
Grille d’équipe : photo, nom, rôle et bio courte par membre, en 2 à 4 colonnes alignées. Idéale pour une page À propos ou Équipe qui humanise la marque.
Instances sur le site
Global 0 instance en page composable
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
background | Présentation | enum | Non | · | paper · paper-2 · paper-3 · ink |
kicker | Contenu | text | Non | fr / en | · |
h2 | Contenu | text | Oui | fr / en | · |
lede | Contenu | text | Non | fr / en | · |
columns | Présentation | enum | Non | · | 2 · 3 · 4 |
members | Contenu | array | Oui | · | 2..12 |
Déclinaisons · 19
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 5 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.
-
Équipe bios · papier
curéeteam-bio-grid--paper -
Équipe bios · papier 2
curéeteam-bio-grid--paper-2 -
Équipe bios · encre
curéeteam-bio-grid--ink -
Équipe bios · deux colonnes
curéeteam-bio-grid--duo -
Équipe bios · quatre colonnes
curéeteam-bio-grid--quatuor -
team-bio-grid · grille uniforme
généréeteam-bio-grid--grid-uniform -
team-bio-grid · grille auto
généréeteam-bio-grid--grid-auto -
team-bio-grid · grille asymétrique
généréeteam-bio-grid--grid-asym -
team-bio-grid · liste
généréeteam-bio-grid--list -
team-bio-grid · lignes séparées
généréeteam-bio-grid--rows-divided -
team-bio-grid · bento vedette
généréeteam-bio-grid--bento-feature -
team-bio-grid · vedette + split
généréeteam-bio-grid--featured-split -
team-bio-grid · deux colonnes
généréeteam-bio-grid--two-col -
team-bio-grid · alternance
généréeteam-bio-grid--alternating -
team-bio-grid · jeu de cartes
généréeteam-bio-grid--cards-deck -
team-bio-grid · liste média à gauche
généréeteam-bio-grid--list-media-left -
team-bio-grid · grille 3 + vedette
généréeteam-bio-grid--grid-3-featured
Comparer les déclinaisons · 17
Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.
-
Équipe bios · papier
curéeteam-bio-grid--paperOuvrir dans le builder -
Équipe bios · papier 2
curéeteam-bio-grid--paper-2background:paper-2Ouvrir dans le builder -
Équipe bios · encre
curéeteam-bio-grid--inkbackground:inkOuvrir dans le builder -
Équipe bios · deux colonnes
curéeteam-bio-grid--duocolumns:2Ouvrir dans le builder -
Équipe bios · quatre colonnes
curéeteam-bio-grid--quatuorcolumns:4background:paper-2Ouvrir dans le builder -
team-bio-grid · grille uniforme
généréeteam-bio-grid--grid-uniformlayout:grid-uniformOuvrir dans le builder -
team-bio-grid · grille auto
généréeteam-bio-grid--grid-autolayout:grid-autoOuvrir dans le builder -
team-bio-grid · grille asymétrique
généréeteam-bio-grid--grid-asymlayout:grid-asymOuvrir dans le builder -
team-bio-grid · liste
généréeteam-bio-grid--listlayout:listOuvrir dans le builder -
team-bio-grid · lignes séparées
généréeteam-bio-grid--rows-dividedlayout:rows-dividedOuvrir dans le builder -
team-bio-grid · bento vedette
généréeteam-bio-grid--bento-featurelayout:bento-featureOuvrir dans le builder -
team-bio-grid · vedette + split
généréeteam-bio-grid--featured-splitlayout:featured-splitOuvrir dans le builder -
team-bio-grid · deux colonnes
généréeteam-bio-grid--two-collayout:two-colOuvrir dans le builder -
team-bio-grid · alternance
généréeteam-bio-grid--alternatinglayout:alternatingOuvrir dans le builder -
team-bio-grid · jeu de cartes
généréeteam-bio-grid--cards-decklayout:cards-deckOuvrir dans le builder -
team-bio-grid · liste média à gauche
généréeteam-bio-grid--list-media-leftlayout:list-media-leftOuvrir dans le builder -
team-bio-grid · grille 3 + vedette
généréeteam-bio-grid--grid-3-featuredlayout:grid-3-featuredOuvrir dans le builder
Sections liées
Même famille
article-grid stable Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.
SurvolImageIcônes +3 18 décl.case-card-grid stable Table éditoriale de cas clients en six colonnes (index, client, secteur, stack, impact, flèche) façon compte rendu d'audit.
Apparition au scrollSurvolDéfilement +3 31 décl.case-featured-grid stable Grille de cas clients « featured » : un cas mis en avant (colonne large, cover optionnelle) plus des cas secondaires en lignes numérotées, avec chip de provenance.
Apparition au scrollSurvolDéfilement +6 17 décl.challenges-grid stable Grille 2x2 de défis ou pain-points : numéro en coin, icône, titre et texte par carte, border-left accent et élévation au survol. Pose le problème avant la solution sur une landing.
SurvolIllustration au traitIcônes +4 16 décl.commitments-grid stable Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.
Zoom au survolApparition au scrollSurvol +8 17 décl.deliverables-grid stable Grille de livrables tangibles avec cards numérotées et tag format/durée, extraite des pages offre et détail.
Apparition au scrollSurvolDéfilement +4 29 décl.Même catégorie
author-byline stable Ligne auteur compacte E-E-A-T sous un h1 d'article : avatar optionnel, nom, rôle, dates de publication et mise à jour, lien vers la page profil. Beaucoup plus léger qu'un hero auteur.
Apparition au scrollDéfilementImage +2 15 décl.Similaires
about-story-split stable Récit fondateur en deux colonnes : texte narratif de mission à gauche, timeline de jalons datés à droite. Raconte l’histoire de la marque sans verbiage.
Illustration au traitListeFrise chronologique +3 17 décl.photo-cluster stable Composition editoriale : photo lead + grappe de photos decalees (layouts lead-cluster, scatter, duo).
Apparition au scrollDéfilementPlusieurs images +1 17 décl.editorial-case-grid stable Grille editoriale de cas clients : en-tete numerote + titre + intro, puis cartes EditorialCaseCard en 2 colonnes avec decalage vertical alterne (signature /manifesto Acte IV).
Apparition au scrollSurvolCartes +1 16 décl.why-stalls stable Section éditoriale "pourquoi X cale" : chapter label sticky à gauche + N FIG rows à droite avec row-lines.
DéfilementIllustration au trait2 colonnes +2 14 décl.feature-grid stable Grille de fonctionnalités pour structurer les bénéfices ou capacités principales d'une offre.
Zoom au survolApparition au scrollSurvol +8 22 décl.problems-grid stable Grille de problèmes/frictions auto-fit (3 cards min) : num + kicker + h3 + body, séparateurs hairline 1px.
Zoom au survolApparition au scrollSurvol +8 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "team-bio-grid",
"background": "paper",
"kicker_fr": "L’équipe",
"kicker_en": "The team",
"h2_fr": "Les gens qui <i>livrent</i> vos agents",
"h2_en": "The people who <i>ship</i> your agents",
"lede_fr": "Une équipe resserrée d’ingénieurs et de stratèges IA, habituée à mettre des agents en production, pas à produire des slides.",
"lede_en": "A tight team of AI engineers and strategists, used to putting agents into production rather than producing slides.",
"columns": "3",
"members": [
{
"name": "Élodie Tran",
"role_fr": "Cofondatrice · Stratégie IA",
"role_en": "Co-founder · AI strategy",
"bio_fr": "Dix ans à industrialiser la donnée pour des groupes du CAC 40. Cadre les cas d’usage à fort effet de levier.",
"bio_en": "Ten years industrialising data for CAC 40 groups. Frames the high-leverage use cases."
},
{
"name": "Marc Devauchelle",
"role_fr": "Cofondateur · Ingénierie agents",
"role_en": "Co-founder · Agent engineering",
"bio_fr": "Architecte des runtimes agentiques de Waimia. Obsédé par la traçabilité et la fiabilité en production.",
"bio_en": "Architect of Waimia’s agentic runtimes. Obsessed with traceability and production reliability."
},
{
"name": "Sarah Lindqvist",
"role_fr": "Lead activation client",
"role_en": "Client activation lead",
"bio_fr": "Transforme un pilote réussi en déploiement à l’échelle. Pilote l’adoption côté métier.",
"bio_en": "Turns a successful pilot into a full-scale rollout. Drives adoption on the business side."
},
{
"name": "Hugo Bonnet",
"role_fr": "Ingénieur plateforme",
"role_en": "Platform engineer",
"bio_fr": "Construit les intégrations et l’observabilité qui gardent vos agents sous contrôle.",
"bio_en": "Builds the integrations and observability that keep your agents under control."
},
{
"name": "Naïma Ferhat",
"role_fr": "Designer d’interaction",
"role_en": "Interaction designer",
"bio_fr": "Dessine les interfaces où humains et agents décident ensemble, sans friction.",
"bio_en": "Designs the interfaces where humans and agents decide together, frictionlessly."
},
{
"name": "Tobias Wagner",
"role_fr": "Responsable conformité",
"role_en": "Compliance lead",
"bio_fr": "Garantit que chaque décision d’agent reste auditable et conforme au RGPD.",
"bio_en": "Ensures every agent decision stays auditable and GDPR-compliant."
}
]
}/library/section/team-bio-grid.json
Chemin du détail machine
/library/section/team-bio-grid.json