Feature Sections
tech-positioning-split
stable Sur waimia · 1 Contenu inline (instance)Présenter les capacités
Prise de position technologique en split 50/50 : kicker, titre display, aside, statement manifesto et facts mono clé/valeur.
Instances sur le site
Global 0 instance en page composable
-
src/pages/expertise-claude.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 | · |
title | Contenu | text | Oui | fr / en | · |
aside | Contenu | text | Non | fr / en | · |
statement | Contenu | text | Oui | fr / en | · |
facts | Contenu | array | Non | · | 0..6 |
Déclinaisons · 15
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 2 curées, 13 générées. Échantillon des 12 premières générées (sur 13) ; toutes accessibles en rendu isolé.
-
Positionnement tech · papier 3
curéetech-positioning-split--paper-3 -
Positionnement tech · encre
curéetech-positioning-split--ink -
tech-positioning-split · équilibré
généréetech-positioning-split--1-1 -
tech-positioning-split · média dominant · média à gauche
généréetech-positioning-split--1-2-left -
tech-positioning-split · média dominant · média à droite
généréetech-positioning-split--1-2-right -
tech-positioning-split · texte dominant · média à gauche
généréetech-positioning-split--2-1-left -
tech-positioning-split · texte dominant · média à droite
généréetech-positioning-split--2-1-right -
tech-positioning-split · média large · média à gauche
généréetech-positioning-split--2-3-left -
tech-positioning-split · média large · média à droite
généréetech-positioning-split--2-3-right -
tech-positioning-split · texte large · média à gauche
généréetech-positioning-split--3-2-left -
tech-positioning-split · texte large · média à droite
généréetech-positioning-split--3-2-right -
tech-positioning-split · média très large · média à gauche
généréetech-positioning-split--1-3-left -
tech-positioning-split · média très large · média à droite
généréetech-positioning-split--1-3-right -
tech-positioning-split · texte très large · média à gauche
généréetech-positioning-split--3-1-left
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.
-
Positionnement tech · papier 3
curéetech-positioning-split--paper-3background:paper-3Ouvrir dans le builder -
Positionnement tech · encre
curéetech-positioning-split--inkbackground:inkOuvrir dans le builder -
tech-positioning-split · équilibré
généréetech-positioning-split--1-1proportion:1-1Ouvrir dans le builder -
tech-positioning-split · média dominant · média à gauche
généréetech-positioning-split--1-2-leftproportion:1-2mediaSide:leftOuvrir dans le builder -
tech-positioning-split · média dominant · média à droite
généréetech-positioning-split--1-2-rightproportion:1-2mediaSide:rightOuvrir dans le builder -
tech-positioning-split · texte dominant · média à gauche
généréetech-positioning-split--2-1-leftproportion:2-1mediaSide:leftOuvrir dans le builder -
tech-positioning-split · texte dominant · média à droite
généréetech-positioning-split--2-1-rightproportion:2-1mediaSide:rightOuvrir dans le builder -
tech-positioning-split · média large · média à gauche
généréetech-positioning-split--2-3-leftproportion:2-3mediaSide:leftOuvrir dans le builder -
tech-positioning-split · média large · média à droite
généréetech-positioning-split--2-3-rightproportion:2-3mediaSide:rightOuvrir dans le builder -
tech-positioning-split · texte large · média à gauche
généréetech-positioning-split--3-2-leftproportion:3-2mediaSide:leftOuvrir dans le builder -
tech-positioning-split · texte large · média à droite
généréetech-positioning-split--3-2-rightproportion:3-2mediaSide:rightOuvrir dans le builder -
tech-positioning-split · média très large · média à gauche
généréetech-positioning-split--1-3-leftproportion:1-3mediaSide:leftOuvrir dans le builder -
tech-positioning-split · média très large · média à droite
généréetech-positioning-split--1-3-rightproportion:1-3mediaSide:rightOuvrir dans le builder -
tech-positioning-split · texte très large · média à gauche
généréetech-positioning-split--3-1-leftproportion:3-1mediaSide:leftOuvrir dans le builder
Sections liées
Même famille
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.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.asymmetric-services stable Services en rangées asymétriques (AsymmetricServiceRow) qui alternent gauche/droite : numéro display, nom, body et flèche, signature de /manifesto Acte II.
Apparition au scrollDéfilement1 colonne 15 décl.case-split stable Cas client en split dark/light 50/50 : récit du cas à gauche (titre, body, CTA) et résultats chiffrés à droite.
Apparition au scrollSurvolDéfilement +4 13 décl.cta-split-visual stable Bandeau CTA asymetrique 2 colonnes : texte kicker/titre/body/boutons a gauche, visuel SVG decoratif a droite. Distinct des CTA centres.
Apparition au scrollDéfilementIllustration au trait +4 17 décl.feature-split-media stable Une feature majeure exposée en deux colonnes : texte et points clés d’un côté, mockup ou capture de l’autre. Le champ reversed permet d’alterner les côtés au fil de la page.
Apparition au scrollDéfilementImage +6 25 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.coming-soon-pills stable Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.
ListeBadge1 colonne 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.Similaires
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.operating-layer stable Section couche opérationnelle fond sombre : chapter label + h2 + lede + CTA, console terminal mockup à droite, strip 4 attributs en pied.
Apparition au scrollDéfilementIllustration au trait +3 14 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.feature-zigzag stable Lignes alternées visuel/texte (gauche-droite, droite-gauche) pour presenter les fonctionnalites cles d'une offre avec un rythme editorial fort.
Apparition au scrollDéfilementIllustration au trait +6 25 décl.editorial-split-grid stable Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.
Apparition au scrollSurvolDéfilement +4 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.Code
Données de la section (à placer dans sections[])
{
"type": "tech-positioning-split",
"kicker_fr": "Position Waimia",
"kicker_en": "Waimia position",
"title_fr": "Pourquoi <i>Claude</i> first.",
"title_en": "Why <i>Claude</i> first.",
"aside_fr": "Un choix technologique assumé : le modèle le plus aligné pour les usages enterprise exigeants.",
"aside_en": "A deliberate technology choice: the best-aligned model for demanding enterprise use cases.",
"statement_fr": "Claude est le seul modèle frontier conçu avec la <em>sécurité comme contrainte de design</em>, pas comme patch.",
"statement_en": "Claude is the only frontier model designed with <em>safety as a design constraint</em>, not an afterthought.",
"facts": [
{
"k": "Contexte",
"v_fr": "200K tokens",
"v_en": "200K tokens"
},
{
"k": "Instruction",
"v_fr": "99.2%",
"v_en": "99.2%"
},
{
"k": "Données API",
"v_fr": "non retenues",
"v_en": "not retained"
}
]
}/library/section/tech-positioning-split.json
Chemin du détail machine
/library/section/tech-positioning-split.json