Logo Sections

integrations-grid

stable Bibliothèque Contenu inline (instance)

Preuve sociale

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.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

Aperçu

Comment l'utiliser

Intention

Preuve sociale

Rôle de page

Preuve

Modèle de contenu

Contenu inline (instance)

Contrat de slots

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	·
`groups`	Contenu	`array`	Oui	·	1..6

Déclinaisons · 8

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 5 générées.

Grille d'intégrations · papier 2
curée
integrations-grid--paper-2
Grille d'intégrations · papier 3
curée
integrations-grid--paper-3
Grille d'intégrations · encre
curée
integrations-grid--ink
integrations-grid · grille logos catégorisée
générée
integrations-grid--logo-grid-categories
integrations-grid · grille + recherche
générée
integrations-grid--search-grid
integrations-grid · vedette + grille
générée
integrations-grid--featured-plus-grid
integrations-grid · liste par catégorie
générée
integrations-grid--list-by-category
integrations-grid · grille défilante
générée
integrations-grid--marquee-grid

Comparer les déclinaisons · 8

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.

Grille d'intégrations · papier 2
curée
integrations-grid--paper-2
background:paper-2
Ouvrir dans le builder
Grille d'intégrations · papier 3
curée
integrations-grid--paper-3
background:paper-3
Ouvrir dans le builder
Grille d'intégrations · encre
curée
integrations-grid--ink
background:ink
Ouvrir dans le builder
integrations-grid · grille logos catégorisée
générée
integrations-grid--logo-grid-categories
layout:logo-grid-categories
Ouvrir dans le builder
integrations-grid · grille + recherche
générée
integrations-grid--search-grid
layout:search-grid
Ouvrir dans le builder
integrations-grid · vedette + grille
générée
integrations-grid--featured-plus-grid
layout:featured-plus-grid
Ouvrir dans le builder
integrations-grid · liste par catégorie
générée
integrations-grid--list-by-category
layout:list-by-category
Ouvrir dans le builder
integrations-grid · grille défilante
générée
integrations-grid--marquee-grid
layout:marquee-grid
Ouvrir 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.

card-grid Content Listing Sections 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.

card-grid Testimonial Sections 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.

card-grid Testimonial Sections 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.

card-grid Feature Sections 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.

card-grid Feature Sections 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.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 29 décl.

Même catégorie

ecosystem-partners stable

Logos partenaires technologiques unifiés (masque alpha + currentColor), groupés par catégorie, grille / mur / marquee, variante dark.

card-grid Logo Sections Défilement continuSurvolIllustration au trait +4 20 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.

marquee Logo Sections 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.

marquee Logo Sections 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.

marquee Logo Sections Défilement continu1 colonne 9 décl.

social-proof stable

Section de logos clients ou partenaires pour installer une preuve sociale immédiate.

band Logo Sections 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.

band Stats Sections 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.

stat-grid Stats Sections Compteurs animésApparition au scrollDéfilement +2 13 décl.

spec-bar stable

Barre de spécifications projet N colonnes (label mono + valeur) avec grille CSS var, extrait de CaseStudyTemplate.

band Stats Sections 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.

card-grid Testimonial Sections Zoom au survolSurvolImage +4 11 décl.

key-metric-grid stable

Grille de métriques chiffrées magnifiées (style FT/Bloomberg) composant l'atome KeyMetric : chiffre dominant, label mono, delta optionnel. Axes size/align/variant et 2 à 4 colonnes, fond alterné.

stat-grid Stats Sections 4 colonnes 19 décl.

stat-block stable

Bloc de statistiques en grille pour mettre en avant des chiffres de performance ou d'impact.

stat-grid Stats Sections Apparition au scrollSurvolDéfilement +5 17 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "integrations-grid",
  "background": "paper",
  "kicker_fr": "Intégrations",
  "kicker_en": "Integrations",
  "h2_fr": "Se connecte à <i>vos outils</i>",
  "h2_en": "Connects to <i>your tools</i>",
  "lede_fr": "Nos agents s’appuient sur votre stack existante. Pas de migration forcée, pas de silo de plus.",
  "lede_en": "Our agents build on your existing stack. No forced migration, no extra silo.",
  "groups": [
    {
      "group_fr": "CRM et ventes",
      "group_en": "CRM and sales",
      "items": [
        {
          "name": "Salesforce",
          "logo_src": "/logos/integration-salesforce.svg"
        },
        {
          "name": "HubSpot",
          "logo_src": "/logos/integration-hubspot.svg"
        },
        {
          "name": "Pipedrive",
          "logo_src": "/logos/integration-pipedrive.svg"
        }
      ]
    },
    {
      "group_fr": "Communication",
      "group_en": "Communication",
      "items": [
        {
          "name": "Slack",
          "logo_src": "/logos/integration-slack.svg"
        },
        {
          "name": "Microsoft Teams",
          "logo_src": "/logos/integration-teams.svg"
        },
        {
          "name": "Gmail",
          "logo_src": "/logos/integration-gmail.svg"
        }
      ]
    },
    {
      "group_fr": "Données et stockage",
      "group_en": "Data and storage",
      "items": [
        {
          "name": "Snowflake",
          "logo_src": "/logos/integration-snowflake.svg"
        },
        {
          "name": "PostgreSQL",
          "logo_src": "/logos/integration-postgres.svg"
        },
        {
          "name": "Notion",
          "logo_src": "/logos/integration-notion.svg"
        },
        {
          "name": "Google Drive",
          "logo_src": "/logos/integration-gdrive.svg"
        }
      ]
    }
  ]
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/integrations-grid.json

Chemin du détail machine

/library/section/integrations-grid.json