sector-card-grid

Instances sur le site

Global 0 instance en page composable

Aperçu

Comment l'utiliser

Déclinaisons · 17

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.

• Grille de secteurs · papier 2

  curée
  sector-card-grid--paper-2
• Grille de secteurs · papier 3

  curée
  sector-card-grid--paper-3
• Grille de secteurs · encre

  curée
  sector-card-grid--ink
• sector-card-grid · grille uniforme

  générée
  sector-card-grid--grid-uniform
• sector-card-grid · grille auto

  générée
  sector-card-grid--grid-auto
• sector-card-grid · grille asymétrique

  générée
  sector-card-grid--grid-asym
• sector-card-grid · liste

  générée
  sector-card-grid--list
• sector-card-grid · lignes séparées

  générée
  sector-card-grid--rows-divided
• sector-card-grid · bento vedette

  générée
  sector-card-grid--bento-feature
• sector-card-grid · vedette + split

  générée
  sector-card-grid--featured-split
• sector-card-grid · deux colonnes

  générée
  sector-card-grid--two-col
• sector-card-grid · alternance

  générée
  sector-card-grid--alternating
• sector-card-grid · jeu de cartes

  générée
  sector-card-grid--cards-deck
• sector-card-grid · liste média à gauche

  générée
  sector-card-grid--list-media-left
• sector-card-grid · grille 3 + vedette

  générée
  sector-card-grid--grid-3-featured

Comparer les déclinaisons · 15

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 de secteurs · papier 2

  curée
  sector-card-grid--paper-2
  background:paper-2
  Ouvrir dans le builder

• Grille de secteurs · papier 3

  curée
  sector-card-grid--paper-3
  background:paper-3
  Ouvrir dans le builder

• Grille de secteurs · encre

  curée
  sector-card-grid--ink
  background:ink
  Ouvrir dans le builder

• sector-card-grid · grille uniforme

  générée
  sector-card-grid--grid-uniform
  layout:grid-uniform
  Ouvrir dans le builder

• sector-card-grid · grille auto

  générée
  sector-card-grid--grid-auto
  layout:grid-auto
  Ouvrir dans le builder

• sector-card-grid · grille asymétrique

  générée
  sector-card-grid--grid-asym
  layout:grid-asym
  Ouvrir dans le builder

• sector-card-grid · liste

  générée
  sector-card-grid--list
  layout:list
  Ouvrir dans le builder

• sector-card-grid · lignes séparées

  générée
  sector-card-grid--rows-divided
  layout:rows-divided
  Ouvrir dans le builder

• sector-card-grid · bento vedette

  générée
  sector-card-grid--bento-feature
  layout:bento-feature
  Ouvrir dans le builder

• sector-card-grid · vedette + split

  générée
  sector-card-grid--featured-split
  layout:featured-split
  Ouvrir dans le builder

• sector-card-grid · deux colonnes

  générée
  sector-card-grid--two-col
  layout:two-col
  Ouvrir dans le builder

• sector-card-grid · alternance

  générée
  sector-card-grid--alternating
  layout:alternating
  Ouvrir dans le builder

• sector-card-grid · jeu de cartes

  générée
  sector-card-grid--cards-deck
  layout:cards-deck
  Ouvrir dans le builder

• sector-card-grid · liste média à gauche

  générée
  sector-card-grid--list-media-left
  layout:list-media-left
  Ouvrir dans le builder

• sector-card-grid · grille 3 + vedette

  générée
  sector-card-grid--grid-3-featured
  layout:grid-3-featured
  Ouvrir dans le builder

Sections liées

Code

{
  "type": "sector-card-grid",
  "cta_label_fr": "Voir le secteur →",
  "cta_label_en": "See the industry →",
  "sectors": [
    {
      "kicker_fr": "Boutiques en ligne et PME e-commerce",
      "kicker_en": "Online stores and e-commerce SMBs",
      "title_fr": "E-commerce",
      "title_en": "E-commerce",
      "pain_fr": "70 % des paniers finissent abandonnés.",
      "pain_en": "70% of carts end up abandoned.",
      "href": "/secteurs/e-commerce"
    },
    {
      "kicker_fr": "TPE du bâtiment et artisans",
      "kicker_en": "Construction micro-firms and craftspeople",
      "title_fr": "Bâtiment et artisans",
      "title_en": "Construction and trades",
      "pain_fr": "Des appels qui ne se transforment pas en devis.",
      "pain_en": "Calls that never turn into quotes.",
      "href": "/secteurs/batiment"
    },
    {
      "kicker_fr": "Startups, SaaS et éditeurs de logiciel",
      "kicker_en": "Startups, SaaS and software vendors",
      "title_fr": "Startup et éditeur logiciel",
      "title_en": "Startup and software vendor",
      "pain_fr": "97 % des visiteurs partent sans laisser de formulaire.",
      "pain_en": "97% of visitors leave without filling a form.",
      "href": "/secteurs/startup-saas"
    },
    {
      "kicker_fr": "Cabinets d’expertise comptable et sociaux",
      "kicker_en": "Accounting and payroll firms",
      "title_fr": "Cabinets comptables",
      "title_en": "Accounting firms",
      "pain_fr": "La tenue se banalise, les honoraires se tassent.",
      "pain_en": "Bookkeeping is commoditized, fees flatten.",
      "href": "/secteurs/expertise-comptable"
    },
    {
      "kicker_fr": "PME industrielles, sous-traitance et fabricants",
      "kicker_en": "Industrial SMBs, subcontractors and makers",
      "title_fr": "PME industrielles",
      "title_en": "Industrial SMBs",
      "pain_fr": "Un savoir-faire réel, mais invisible en ligne.",
      "pain_en": "Real expertise, invisible online.",
      "href": "/secteurs/pme-industrielle"
    },
    {
      "kicker_fr": "Thérapeutes et praticiens du bien-être",
      "kicker_en": "Therapists and wellness practitioners",
      "title_fr": "Thérapeutes et praticiens bien-être",
      "title_en": "Therapists and wellness practitioners",
      "pain_fr": "Une visibilité entièrement louée aux plateformes.",
      "pain_en": "Visibility entirely rented from platforms.",
      "href": "/secteurs/therapeutes"
    }
  ]
}

/library/section/sector-card-grid.json