Feature Sections
coming-soon-pills
stable Sur waimia · 1 Contenu inline (instance)Présenter les capacités
Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.
Instances sur le site
Global 0 instance en page composable
-
src/pages/secteurs/index.astro
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 | Oui | fr / en | · |
h2 | Contenu | text | Oui | fr / en | · |
aria_label | Contenu | text | Oui | fr / en | · |
pills | Contenu | array | Oui | fr / en | 1..16 |
Déclinaisons · 16
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 2 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.
-
Pastilles à venir · papier 3
curéecoming-soon-pills--paper-3 -
Pastilles à venir · encre
curéecoming-soon-pills--ink -
coming-soon-pills · grille uniforme
généréecoming-soon-pills--grid-uniform -
coming-soon-pills · grille auto
généréecoming-soon-pills--grid-auto -
coming-soon-pills · grille asymétrique
généréecoming-soon-pills--grid-asym -
coming-soon-pills · liste
généréecoming-soon-pills--list -
coming-soon-pills · lignes séparées
généréecoming-soon-pills--rows-divided -
coming-soon-pills · bento vedette
généréecoming-soon-pills--bento-feature -
coming-soon-pills · vedette + split
généréecoming-soon-pills--featured-split -
coming-soon-pills · deux colonnes
généréecoming-soon-pills--two-col -
coming-soon-pills · alternance
généréecoming-soon-pills--alternating -
coming-soon-pills · jeu de cartes
généréecoming-soon-pills--cards-deck -
coming-soon-pills · liste média à gauche
généréecoming-soon-pills--list-media-left -
coming-soon-pills · grille 3 + vedette
généréecoming-soon-pills--grid-3-featured
Comparer les déclinaisons · 14
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.
-
Pastilles à venir · papier 3
curéecoming-soon-pills--paper-3background:paper-3Ouvrir dans le builder -
Pastilles à venir · encre
curéecoming-soon-pills--inkbackground:inkOuvrir dans le builder -
coming-soon-pills · grille uniforme
généréecoming-soon-pills--grid-uniformlayout:grid-uniformOuvrir dans le builder -
coming-soon-pills · grille auto
généréecoming-soon-pills--grid-autolayout:grid-autoOuvrir dans le builder -
coming-soon-pills · grille asymétrique
généréecoming-soon-pills--grid-asymlayout:grid-asymOuvrir dans le builder -
coming-soon-pills · liste
généréecoming-soon-pills--listlayout:listOuvrir dans le builder -
coming-soon-pills · lignes séparées
généréecoming-soon-pills--rows-dividedlayout:rows-dividedOuvrir dans le builder -
coming-soon-pills · bento vedette
généréecoming-soon-pills--bento-featurelayout:bento-featureOuvrir dans le builder -
coming-soon-pills · vedette + split
généréecoming-soon-pills--featured-splitlayout:featured-splitOuvrir dans le builder -
coming-soon-pills · deux colonnes
généréecoming-soon-pills--two-collayout:two-colOuvrir dans le builder -
coming-soon-pills · alternance
généréecoming-soon-pills--alternatinglayout:alternatingOuvrir dans le builder -
coming-soon-pills · jeu de cartes
généréecoming-soon-pills--cards-decklayout:cards-deckOuvrir dans le builder -
coming-soon-pills · liste média à gauche
généréecoming-soon-pills--list-media-leftlayout:list-media-leftOuvrir dans le builder -
coming-soon-pills · grille 3 + vedette
généréecoming-soon-pills--grid-3-featuredlayout:grid-3-featuredOuvrir dans le builder
Sections liées
Même famille
curriculum-timeline stable Bloc curriculum : entete + frise verticale (experience / formation / distinctions) sur fond paper-2. Compose l’atome Timeline.
Apparition au scrollFrise chronologique1 colonne 15 décl.decision-list stable Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.
Apparition au scrollDéfilementListe +1 17 décl.inclusions-list stable Liste d'inclusions inline séparée par point médian pour expliciter le périmètre d'un engagement.
Liste1 colonne 17 décl.learning-path-list stable Liste de parcours : titre de section et une ligne par parcours (titre en gras + description).
1 colonne 17 décl.list-index-section stable Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.
Apparition au scrollDéfilement1 colonne 17 décl.numbered-layer-list stable Liste de couches numerotees : rang serif accent + titre + intro + sous-puces « → ». Ideale pour presenter une stack, des livrables ou des rangs par couche.
Apparition au scrollDéfilementListe +2 18 décl.Même catégorie
architecture-diagram stable Diagramme d'architecture signature : N canaux d'entrée vers un système central et M sorties, avec boucle d'amélioration continue.
Apparition au scrollDéfilementIllustration au trait +1 23 décl.bento-grid stable Mosaique bento asymetrique de 5 cellules (1 grande 2x2 + 4 petites) pour valoriser les capacites cles avec une mise en page moderne.
IcônesCartesListe +1 26 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.decision-list stable Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.
Apparition au scrollDéfilementListe +1 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.Similaires
tech-stack-band stable Bande stack technologique fond paper-2 avec kicker, lead et rangée de pills techniques.
Badge1 colonne 16 décl.service-catalog-list stable Liste-catalogue éditoriale de services en lignes (§ numéro, titre display, description, méta durée, flèche) avec footer CTA optionnel.
Apparition au scrollSurvolDéfilement +1 17 décl.agentic-terminal stable Mockup IDE agentique : fenêtre macOS, explorateur de fichiers, prompt utilisateur et bloc de code qui s'écrit en direct caractère par caractère, puis message de succès, footer stats et badges. Fond encre, accent terracotta.
Bloc de codeBadge1 colonne 14 décl.offer-tier-grid stable Section de palier d’offres avec eyebrow, H2, lede, grille de cartes et variante hero sombre optionnelle.
Apparition au scrollSurvolDéfilement +4 21 décl.pain-points stable Points de friction métier : en-tête eyebrow et titre display, aside Callout, frise Timeline numérotée des frictions.
Apparition au scrollDéfilementIllustration au trait +5 17 décl.feature-accordion stable Features en progressive disclosure : accordéon natif <details>, chaque item ouvre un détail explicatif et une métadonnée optionnelle. Premier item ouvrable par défaut.
Déplier / replierClic (bascule)Illustration au trait +2 8 décl.Code
Données de la section (à placer dans sections[])
{
"type": "coming-soon-pills",
"kicker_fr": "§ À venir",
"kicker_en": "§ Coming soon",
"h2_fr": "Quand on aura câblé assez de cas pour parler juste.",
"h2_en": "When we have wired enough cases to speak precisely.",
"aria_label_fr": "Secteurs à venir",
"aria_label_en": "Upcoming sectors",
"pills_fr": [
"Immobilier",
"Santé",
"Formation",
"Industrie",
"Finance",
"Retail",
"Tourisme"
],
"pills_en": [
"Real estate",
"Health",
"Training",
"Industry",
"Finance",
"Retail",
"Travel"
]
}/library/section/coming-soon-pills.json
Chemin du détail machine
/library/section/coming-soon-pills.json