Logo Sections
ecosystem-partners
stable Bibliothèque Contenu inline (instance)Preuve sociale
Logos partenaires technologiques unifiés (masque alpha + currentColor), groupés par catégorie, grille / mur / marquee, variante dark.
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 | Non | fr / en | · |
lede | Contenu | text | Non | fr / en | · |
layout | Présentation | enum | Non | · | wall · grid · marquee |
partners | Contenu | array | Oui | · | 1..∞ |
Déclinaisons · 20
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 6 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.
-
Partenaires écosystème · papier
curéeecosystem-partners--paper -
Partenaires écosystème · papier 2
curéeecosystem-partners--paper-2 -
Partenaires écosystème · papier 3
curéeecosystem-partners--paper-3 -
Partenaires écosystème · encre
curéeecosystem-partners--ink -
Partenaires écosystème · mur labellisé
curéeecosystem-partners--wall -
Partenaires écosystème · défilant
curéeecosystem-partners--marquee -
ecosystem-partners · grille uniforme
généréeecosystem-partners--grid-uniform -
ecosystem-partners · grille auto
généréeecosystem-partners--grid-auto -
ecosystem-partners · grille asymétrique
généréeecosystem-partners--grid-asym -
ecosystem-partners · liste
généréeecosystem-partners--list -
ecosystem-partners · lignes séparées
généréeecosystem-partners--rows-divided -
ecosystem-partners · bento vedette
généréeecosystem-partners--bento-feature -
ecosystem-partners · vedette + split
généréeecosystem-partners--featured-split -
ecosystem-partners · deux colonnes
généréeecosystem-partners--two-col -
ecosystem-partners · alternance
généréeecosystem-partners--alternating -
ecosystem-partners · jeu de cartes
généréeecosystem-partners--cards-deck -
ecosystem-partners · liste média à gauche
généréeecosystem-partners--list-media-left -
ecosystem-partners · grille 3 + vedette
généréeecosystem-partners--grid-3-featured
Comparer les déclinaisons · 18
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.
-
Partenaires écosystème · papier
curéeecosystem-partners--paperbackground:paperOuvrir dans le builder -
Partenaires écosystème · papier 2
curéeecosystem-partners--paper-2background:paper-2Ouvrir dans le builder -
Partenaires écosystème · papier 3
curéeecosystem-partners--paper-3background:paper-3Ouvrir dans le builder -
Partenaires écosystème · encre
curéeecosystem-partners--inkbackground:inkOuvrir dans le builder -
Partenaires écosystème · mur labellisé
curéeecosystem-partners--walllayout:wallbackground:paper-2Ouvrir dans le builder -
Partenaires écosystème · défilant
curéeecosystem-partners--marqueelayout:marqueebackground:inkOuvrir dans le builder -
ecosystem-partners · grille uniforme
généréeecosystem-partners--grid-uniformlayout:grid-uniformOuvrir dans le builder -
ecosystem-partners · grille auto
généréeecosystem-partners--grid-autolayout:grid-autoOuvrir dans le builder -
ecosystem-partners · grille asymétrique
généréeecosystem-partners--grid-asymlayout:grid-asymOuvrir dans le builder -
ecosystem-partners · liste
généréeecosystem-partners--listlayout:listOuvrir dans le builder -
ecosystem-partners · lignes séparées
généréeecosystem-partners--rows-dividedlayout:rows-dividedOuvrir dans le builder -
ecosystem-partners · bento vedette
généréeecosystem-partners--bento-featurelayout:bento-featureOuvrir dans le builder -
ecosystem-partners · vedette + split
généréeecosystem-partners--featured-splitlayout:featured-splitOuvrir dans le builder -
ecosystem-partners · deux colonnes
généréeecosystem-partners--two-collayout:two-colOuvrir dans le builder -
ecosystem-partners · alternance
généréeecosystem-partners--alternatinglayout:alternatingOuvrir dans le builder -
ecosystem-partners · jeu de cartes
généréeecosystem-partners--cards-decklayout:cards-deckOuvrir dans le builder -
ecosystem-partners · liste média à gauche
généréeecosystem-partners--list-media-leftlayout:list-media-leftOuvrir dans le builder -
ecosystem-partners · grille 3 + vedette
généréeecosystem-partners--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
integrations-grid stable Grille de logos d’intégrations groupés par catégorie (CRM, communication, données). Répond à l’objection « est-ce que ça se branche à nos outils ? » d’un coup d’œil.
SurvolPlusieurs imagesLogos +2 8 décl.logo-marquee stable Bandeau de logos image à défilement infini (« ils nous font confiance »), marquee CSS, grayscale optionnel. Respecte prefers-reduced-motion. Distinct du marquee-band texte mono.
Défilement continuSurvolLecture automatique +3 13 décl.logo-wall stable Grille statique de logos partenaires ou clients, avec effet grayscale vers couleur au hover. Distinct du bandeau animé marquee-band.
Défilement continuZoom au survolApparition au scroll +6 13 décl.marquee-band stable Bandeau marquee mono uppercase à défilement horizontal infini · items + séparateurs · respecte prefers-reduced-motion.
Défilement continu1 colonne 9 décl.social-proof stable Section de logos clients ou partenaires pour installer une preuve sociale immédiate.
Défilement continuLogosListe +1 19 décl.Similaires
metric-callout-band stable Bande d’une à trois métriques héro surdimensionnées accompagnées d’une phrase de contexte. Frappe fort sur un résultat chiffré, sombre par défaut pour la mise en avant.
Compteurs animésListe3 colonnes 17 décl.stat-counter stable Compteur animé count-up déclenché à l’entrée dans le viewport (île React client:visible), grille de 2 à 4 stats. Respecte prefers-reduced-motion et reste lisible sans JS.
Compteurs animésApparition au scrollDéfilement +2 13 décl.stat-block stable Bloc de statistiques en grille pour mettre en avant des chiffres de performance ou d'impact.
Apparition au scrollSurvolDéfilement +5 17 décl.spec-bar stable Barre de spécifications projet N colonnes (label mono + valeur) avec grille CSS var, extrait de CaseStudyTemplate.
Apparition au scrollDéfilement3 colonnes 16 décl.team-card-grid stable Grille auto-fill de cartes auteurs avec photo, rôle, description, compteur de publications et CTA profil.
Zoom au survolSurvolImage +4 11 décl.metric-shift stable Comparaison avant → après : valeur initiale et finale magnifiées, delta.
Apparition au scrollDéfilementIllustration au trait +1 13 décl.Code
Données de la section (à placer dans sections[])
{
"type": "ecosystem-partners",
"kicker_fr": "Écosystème partenaires",
"kicker_en": "Partner ecosystem",
"h2_fr": "Une stack éprouvée, des partenaires certifiés",
"h2_en": "A proven stack, certified partners",
"layout": "grid",
"partners": [
{
"name": "Claude (Anthropic)",
"asset": "/logos/partners/partner-claude.png",
"href": "/expertise-claude",
"category": "ai"
},
{
"name": "OpenAI",
"asset": "/logos/partners/partner-openai.png",
"href": "https://openai.com",
"external": true,
"category": "ai"
},
{
"name": "Amazon Web Services",
"asset": "/logos/partners/partner-aws.png",
"href": "https://aws.amazon.com",
"external": true,
"category": "cloud"
},
{
"name": "Microsoft",
"asset": "/logos/partners/partner-microsoft.png",
"category": "cloud"
},
{
"name": "Salesforce",
"asset": "/logos/partners/partner-salesforce.png",
"href": "https://www.salesforce.com",
"external": true,
"category": "crm"
},
{
"name": "HubSpot",
"asset": "/logos/partners/partner-hubspot.png",
"href": "https://www.hubspot.com",
"external": true,
"category": "crm"
}
]
}/library/section/ecosystem-partners.json
Chemin du détail machine
/library/section/ecosystem-partners.json