Component specs & preview

HDN Shell Component Specs

Cette page documente et expose les composants du shell. Elle sert a valider le craft, le motion et le respect des garde-fous avant le Sprint 2.

Usage rule

Pas de confusion entre shell et pages finales

Tout composant marque `blocked` ou `stub` doit rester hors publication metier tant que les gates contenu, preuves et leads ne sont pas validees.

Sprint 1

HeaderEcosystem

Active now

Poser le contexte de marque active, exposer la navigation shell et ouvrir le menu mobile.

Anatomy

  • brand block
  • route links
  • mobile toggle
  • mega menu entry point

Allowed

  • nom de marque valide
  • role label issu du content schema
  • routes placeholder uniquement
  • menu mobile sobre et lisible

Forbidden

  • copy marketing finale
  • promesse commerciale non validee
  • liens vers pages finales inexistantes
  • hero cache dans le header

Acceptance

  • fonctionne desktop et mobile
  • affiche la marque active sans ambiguite
  • n'utilise que des labels valides ou placeholders
Sprint 1

MegaMenuHDN

Active now

Rendre visible l'ecosysteme HDN et la separation des roles entre poles.

Anatomy

  • current shell card
  • sibling site cards
  • domain line
  • role line

Allowed

  • role label par marque
  • domaines cibles
  • rappel de gate shell only
  • routing ecosysteme non metier

Forbidden

  • cas clients
  • preuves chiffrees
  • packs definitifs
  • funnels metier complets

Acceptance

  • montre clairement la separation des 5 marques
  • reste comprehensible sans scroller
  • reste utilisable en mobile stack
Sprint 1

FooterEcosystem

Active now
Preview

Fermer la page avec rappel de gate, liens ecosysteme et contexte de publication.

Anatomy

  • sprint badge
  • brand reminder
  • ecosystem links
  • gate notices

Allowed

  • rappel sprint 1
  • liens ecosysteme
  • notes de verrouillage contenu

Forbidden

  • portfolio
  • testimonials
  • pricing
  • coordonnees non validees

Acceptance

  • reste lisible en 3 colonnes desktop et 1 colonne mobile
  • renforce le cadre anti-hallucination
Sprint 1

CTAShell

Active now

Standardiser les actions principales et secondaires sans activer de parcours metier final.

Anatomy

  • primary style
  • secondary style
  • tracking event
  • placeholder href

Allowed

  • CTA de la Source of Truth
  • route shell ou placeholder
  • tracking minimal shell

Forbidden

  • WhatsApp final
  • checkout
  • booking final
  • copy conversion finale inventee

Acceptance

  • les deux variantes restent distinctes
  • aucune action n'ouvre un flux metier final
Sprint 1

PlaceholderRouteCard

Active now
Preview
Route placeholder

Route Name

Description of what this route will contain once approved.

Montrer la structure des futures routes sans simuler une vraie page commerciale.

Anatomy

  • eyebrow
  • route label
  • placeholder description

Allowed

  • noms de route
  • descriptions neutres
  • etat pending approval

Forbidden

  • sections service finales
  • claims de performance
  • SEO copy final

Acceptance

  • chaque carte reste clairement un placeholder
  • aucune confusion avec une offre finale
Sprint 1

FormStub

Stub only
Preview
Form stub [ST-01]

Demande de contact technique

Structure technique uniquement. Aucun routage CRM ou logique métier définitive n'est activée dans Sprint 1. CTA cible: Demander un diagnostic HDN.

Source of Truth validation required.

Valider la structure UI des formulaires sans connecter CRM, email ou routage leads.

Anatomy

  • inputs
  • select pending approval
  • textarea
  • submit stub

Allowed

  • placeholders visibles
  • message routing pending approval
  • tracking front minimal

Forbidden

  • soumission fonctionnelle
  • webhook
  • CRM destination
  • message de confirmation metier

Acceptance

  • aucun envoi reseau metier
  • etat stub visible pour l'utilisateur
  • structure assez claire pour validation UX
Sprint 1

SocialIconBadge

Active now
Preview

Fournir un set d'icones social media HDN coherent, scalable et reutilisable dans les shells, footers et futures surfaces publiques.

Anatomy

  • 191x191 badge
  • black base
  • orange radial accent
  • vector glyph
  • label metadata

Allowed

  • plateformes validees
  • scaling responsive
  • utilisation en footer ou bloc social
  • accent orange conforme au systeme HDN

Forbidden

  • logos rasterises
  • gradients hors palette HDN
  • icone deformee
  • style portfolio client recycle sans adaptation

Acceptance

  • chaque icone reste lisible en petit et en grand format
  • le badge conserve la base 191 par 191 sans perte de proportion
  • le set reste coherent avec le territoire execution system HDN
Sprint 1.5

TrainingEventBadge

Active now
Preview
Korhogo27 & 28 Decembre

Porter les infos de ville, session ou date pour HDN Training dans un langage heritage reconstruit.

Anatomy

  • orange pin
  • play glyph
  • city label
  • date pill

Allowed

  • ville ou session validee
  • date ou periode validee
  • usage campagne ou page training

Forbidden

  • infos evenement inventees
  • style full generic event SaaS
  • contamination des autres marques

Acceptance

  • reste lisible sur fond clair
  • fonctionne en petit et moyen format
  • conserve le territoire HDN Training
Sprint 1.5

TrainingOutcomeBullet

Active now
Preview
Plus de visibilite
Plus de vente

Exprimer des benefices courts dans les creatives ads et sections sales HDN Training.

Anatomy

  • metric icon
  • orange signal dot
  • one-line label

Allowed

  • benefices courts
  • micro promesses pedagogiques
  • usage support dans hero ou cards

Forbidden

  • chiffres non valides
  • preuve business inventee
  • liste trop longue

Acceptance

  • reste compact
  • reste lisible mobile
  • ne remplace pas une vraie preuve
Sprint 1.5

TrainingModuleCard

Active now
Preview
Module pratique

Bootcamp Facebook & Instagram Ads

  • Creation de compte
  • Creation de contenu
  • Creation de publicite

Version design system issue du legacy HDN Training.

Mettre en avant un module ou bloc pedagogique HDN Training dans un panel orange fort.

Anatomy

  • eyebrow
  • title
  • bullets
  • support note
  • screen illustration

Allowed

  • modules issus du legacy valide
  • liste de points simples
  • support de campagne ou sales page

Forbidden

  • programme invente
  • tarif final non approuve
  • surdecorer la carte

Acceptance

  • reste fort mais lisible
  • garde un contraste net
  • fonctionne comme composant autonome
Sprint 1.5

TrainingCampaignHeroLight

Active now
Preview

Créer et gérer vos publicités en ligne

Plus de visibilité
Plus de vente
Module pratique

Apprenez à créer vos comptes en ligne

  • Pour être présent
  • Pour être visible
  • Pour lancer votre publicité

Prérequis coaching pour entreprendre avec un système publicitaire mieux structuré.

Variante hero claire pour creatives ads et landing sections HDN Training a partir du legacy reconstruit.

Anatomy

  • workshop frame
  • brand plate
  • headline
  • outcomes
  • cta pills
  • module block

Allowed

  • territoire clair HDN Training
  • copy campaign validee
  • usage page de vente ou ads showcase

Forbidden

  • copie brute du legacy
  • emploi comme shell global
  • mauvaise reutilisation sur d autres marques

Acceptance

  • reste coherent avec les tokens HDN
  • conserve l energie training sans effet cheap
  • fonctionne en desktop et mobile
Sprint 1.5

TrainingSalesSection

Active now
Preview
HDN Training / legacy rebuild

Systeme de creatives ads et page de vente HDN Training

Reconstruction du territoire historique HDN Training pour produire des campagnes, stories, hero sales et blocs pédagogiques sans sortir du nouveau design system.

Créer et gérer vos publicités en ligne

Plus de visibilité
Plus de vente
Module pratique

Apprenez à créer vos comptes en ligne

  • Pour être présent
  • Pour être visible
  • Pour lancer votre publicité

Prérequis coaching pour entreprendre avec un système publicitaire mieux structuré.

Module pratique

Bootcamp Facebook & Instagram Ads

  • Création de compte
  • Création de contenu
  • Création de publicité

Version système pour creatives ads, pages de vente et highlights de programme.

Assembler les composants training ads en surface complete de revue pour creatives et page de vente.

Anatomy

  • intro copy
  • landscape hero
  • workshop promo
  • story creative
  • module card

Allowed

  • surface de revue design system
  • integration de patterns legacy modernises
  • demonstration composable

Forbidden

  • publication comme page finale sans validation contenu
  • cas client
  • pricing final

Acceptance

  • montre plusieurs formats
  • reste jugable publiquement
  • ne casse pas la coherence du design system
Sprint 1.5

TrainingBrandPlate

Active now
Preview
HDN
#TrainingImaginezCréez & transformez

Marquer l'appartenance d'un asset (visuel, doc) a HDN Training.

Anatomy

  • HDN letters
  • play signal mark
  • hashtag label
  • promise text

Allowed

  • utilisation sur fond orange ou image sombre
  • signature d'une creative ad

Forbidden

  • deformer les proportions du bloc
  • changer la couleur du D (sauf pour dark mode specifique)

Acceptance

  • sert de tampon officiel HDN Training
  • lisible a petite taille
Sprint 1.5

TrainingStoryCreative

Active now
Preview

Format vertical pour story ou bloc lateral (ads) HDN Training.

Anatomy

  • story ghost background
  • brand plate
  • event badge
  • headline
  • outcomes
  • actions

Allowed

  • usage format portrait
  • copy courte et punchy

Forbidden

  • texte trop long
  • utilisation en desktop horizontal sans ajustement

Acceptance

  • reste lisible et scannable
  • integre bien le brand plate et event badge
Sprint 1.5

WorkshopFrame

Active now
Preview
Revue WorkshopSprint 1.5 Polish

Contenu Intérieur du Workshop

Ce conteneur pointillé simule un outil de design avec poignées d'angle de redimensionnement interactives au survol.

Conteneur interactif imitant un espace de selection de logiciel de design pour ateliers co-creatifs.

Anatomy

  • contour pointille
  • coins de selection carres
  • status dot pulse
  • orange cursor cue

Allowed

  • encapsuler n'importe quel contenu
  • personnaliser les textes d'entete
  • masquer ou afficher le curseur d'interaction

Forbidden

  • claims de prix
  • flux CRM non approuves

Acceptance

  • rendu fidele avec bordure dashed
  • les coins reagissent proprement au survol
  • respecte l'esprit anti-hallucination
Sprint 2+

HeroExecution

Blocked
Preview
PREVIEW BLOCKED - SPRINT 2+ REQUIRED

Hero de marque final une fois le contenu approuve.

Anatomy

  • headline final
  • supporting proof
  • final CTA
  • brand media

Allowed

  • a definir apres validation contenu

Forbidden

  • utilisation en Sprint 1
  • copy derivee directement des discussions internes
  • preuves non validees

Acceptance

  • ne peut etre active qu'apres gate contenu
  • doit s'appuyer sur contenus approved
Sprint 2+

ProofStrip / CaseStudyCard

Blocked
Preview
PREVIEW BLOCKED - SPRINT 2+ REQUIRED

Porter preuves, references et cas clients une fois les droits et validations obtenus.

Anatomy

  • logo
  • metric
  • quote
  • case summary

Allowed

  • uniquement apres validation explicite et verification des droits

Forbidden

  • inventer chiffres ou clients
  • copier le legacy brut
  • publier des cas non autorises

Acceptance

  • chaque preuve doit etre sourcée
  • chaque cas doit etre explicitement approuve
Sprint 2

GroupHeroExecution

Stub only
Preview
GR-001Sprint 2 - HDN Group V1

GroupHeroExecution

Hero d'exécution stratégique de l'écosystème global HDN

Anatomie technique :
  • Titre fort d'exécution
  • Sub-headline systémique
  • Double CTA d'écosystème
  • Indicateur de gate
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupHeroExecution - Hero strategique de presentation de HDN Group.

Anatomy

  • title
  • subtitle
  • actions

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupProblemBlock

Stub only
Preview
GR-002Sprint 2 - HDN Group V1

GroupProblemBlock

Mise en avant des frictions opérationnelles résolues par l'écosystème

Anatomie technique :
  • Cartes de friction
  • Typographie contrastée
  • Accents orange légers
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupProblemBlock - Section identifiant les goulets d'etranglements strategiques.

Anatomy

  • cards row
  • problem summaries

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupEcosystemRoleGrid

Stub only
Preview
GR-003Sprint 2 - HDN Group V1

GroupEcosystemRoleGrid

Grille interactive détaillant le rôle unique de chaque pôle HDN

Anatomie technique :
  • 5 cartes interactives
  • Redirection interne
  • Légendes techniques
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupEcosystemRoleGrid - Grille d'ecosysteme presentant le positionnement des 5 poles.

Anatomy

  • grid layout
  • brand description cards

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupMethodTimeline

Stub only
Preview
GR-004Sprint 2 - HDN Group V1

GroupMethodTimeline

Frise chronologique de la méthodologie de co-création

Anatomie technique :
  • Étapes chronologiques
  • Status indicateurs
  • Lien vers la charte
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupMethodTimeline - Frise chronologique d'execution et co-creation.

Anatomy

  • steps
  • timeline bar

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupUseCaseGrid

Stub only
Preview
GR-005Sprint 2 - HDN Group V1

GroupUseCaseGrid

Grille présentant les cas d'usage types pour l'écosystème

Anatomie technique :
  • Cartes de cas
  • Filtres thématiques
  • Indicateur pending validation
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupUseCaseGrid - Grille de cas types sans claims de performance fictifs.

Anatomy

  • case cards
  • filters

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupProofStrip

Stub only
Preview
GR-006Sprint 2 - HDN Group V1

GroupProofStrip

Bandeau de preuves et logos partenaires (en attente de droits d'usage)

Anatomie technique :
  • Grille de logos placeholder
  • Mention légale anti-hallucination
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupProofStrip - Ruban de preuves institutionnelles anonymisees.

Anatomy

  • logos strip
  • meta text

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupDiagnostic360Card

Stub only
Preview
GR-007Sprint 2 - HDN Group V1

GroupDiagnostic360Card

Carte d'appel à l'action pour le diagnostic 360

Anatomie technique :
  • Promesse de diagnostic
  • Bouton d'action
  • Alerte de gate de contenu
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupDiagnostic360Card - Carte d'appel a l'action pour le diagnostic global.

Anatomy

  • cta panel
  • checklist

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupRoutingDecisionCard

Stub only
Preview
GR-008Sprint 2 - HDN Group V1

GroupRoutingDecisionCard

Aide à la décision de routage entre Studio, Training, ADN et Graphics

Anatomie technique :
  • Sélecteurs interactifs
  • Cartes de recommandation
  • Action cible
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupRoutingDecisionCard - Outil interactif de routage des projets vers les poles.

Anatomy

  • selection buttons
  • result routing panel

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupFinalCTA

Stub only
Preview
GR-009Sprint 2 - HDN Group V1

GroupFinalCTA

Appel à l'action de fin de page avec blocage des flux non approuvés

Anatomie technique :
  • Bandeau d'action final
  • Mentions de conformité
  • Lien de redirection
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupFinalCTA - Bloc de fermeture avec CTA securise.

Anatomy

  • main button
  • support copy

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 2

GroupFAQMini

Stub only
Preview
GR-010Sprint 2 - HDN Group V1

GroupFAQMini

FAQ accordéon sur le rôle et le fonctionnement de l'écosystème

Anatomie technique :
  • Accordéons interactifs
  • Réponses standards approuvées
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GroupFAQMini - FAQ succincte sur l'integration des poles.

Anatomy

  • questions
  • answers accordeon

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingHeroProgression

Stub only
Preview
TR-001Sprint 3 - HDN Training V1

TrainingHeroProgression

Hero orienté progression pédagogique et transformation professionnelle

Anatomie technique :
  • Titres dynamiques
  • Rappel d'ancrage historique
  • CTA capsule
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingHeroProgression - Hero d'entree sur l'adoption et montée en competence.

Anatomy

  • title
  • headline
  • stats summary

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingProblemBlock

Stub only
Preview
TR-002Sprint 3 - HDN Training V1

TrainingProblemBlock

Présentation des blocages sur l'adoption des technologies et de la publicité

Anatomie technique :
  • Cartes de douleur
  • Textes pédagogiques neutres
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingProblemBlock - Section analysant les blocages sur l'execution digitale.

Anatomy

  • pain points block

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingPromiseGrid

Stub only
Preview
TR-003Sprint 3 - HDN Training V1

TrainingPromiseGrid

Grille des promesses de compétences opérationnelles

Anatomie technique :
  • Puces de bénéfices
  • Accentuation orange HDN Training
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingPromiseGrid - Grille de promesses de resultats pedagogiques.

Anatomy

  • promises grid

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingProgramsCatalog

Stub only
Preview
TR-004Sprint 3 - HDN Training V1

TrainingProgramsCatalog

Catalogue des programmes de formation (sans prix)

Anatomie technique :
  • Cartes de programme
  • Badges de niveau
  • Accès à la fiche technique
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingProgramsCatalog - Catalogue detaille des modules sans prix.

Anatomy

  • program cards
  • level badge

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingPedagogyStepper

Stub only
Preview
TR-005Sprint 3 - HDN Training V1

TrainingPedagogyStepper

Indicateur d'étapes de la méthode pédagogique pratique HDN

Anatomie technique :
  • Indicateur de pas
  • Description des phases d'exercice
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingPedagogyStepper - Stepper de la methodologie active.

Anatomy

  • steps indicators

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingFormatsMatrix

Stub only
Preview
TR-006Sprint 3 - HDN Training V1

TrainingFormatsMatrix

Tableau comparatif des formats (Bootcamp, Intra, Accompagnement)

Anatomie technique :
  • Grille comparative
  • Caractéristiques de volume horaire
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingFormatsMatrix - Matrice comparative des formats d'accompagnement.

Anatomy

  • matrix compare table

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingBootcampSpotlight

Stub only
Preview
TR-007Sprint 3 - HDN Training V1

TrainingBootcampSpotlight

Mise en avant du format Bootcamp pratique d'accélération

Anatomie technique :
  • Bloc d'impact
  • Informations de session en badge
  • CTA d'inscription
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingBootcampSpotlight - Focus sur les bootcamps intensifs.

Anatomy

  • spotlight panel

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingEnterpriseOffer

Stub only
Preview
TR-008Sprint 3 - HDN Training V1

TrainingEnterpriseOffer

Présentation de l'offre sur-mesure pour les entreprises

Anatomie technique :
  • Cartes d'accompagnement
  • Lien vers diagnostic sur-mesure
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingEnterpriseOffer - Presentation de l'offre Intra pour les grands comptes.

Anatomy

  • enterprise custom card

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingProofStrip

Stub only
Preview
TR-009Sprint 3 - HDN Training V1

TrainingProofStrip

Preuves de progression (en attente de témoignages validés)

Anatomie technique :
  • Grille d'indicateurs neutres
  • Mentions de protection des données
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingProofStrip - Indicateurs cles de montée en competence.

Anatomy

  • kpi stats list

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 3

TrainingFinalCTA

Stub only
Preview
TR-010Sprint 3 - HDN Training V1

TrainingFinalCTA

Appel à l'action final avec redirection vers le formulaire d'inscription

Anatomie technique :
  • Titre final
  • Description du processus
  • Formulaire d'inscription stub
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour TrainingFinalCTA - CTA final securise de redirection.

Anatomy

  • button link
  • info footer

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioHeroBuild

Stub only
Preview
ST-001Sprint 4 - HDN Studio V1

StudioHeroBuild

Hero orienté conception technique, build produit et automatisation

Anatomie technique :
  • Titre technique
  • Graphes SVG stylisés
  • CTA de consultation
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioHeroBuild - Hero de presentation des services de dev et d'IA.

Anatomy

  • title
  • mockup placeholder

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioProblemOpsGrid

Stub only
Preview
ST-002Sprint 4 - HDN Studio V1

StudioProblemOpsGrid

Grille des problématiques d'industrialisation technique et d'IA

Anatomie technique :
  • Fiches de douleur ops
  • Code snippets décoratifs
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioProblemOpsGrid - Grille de problematiques d'engineering.

Anatomy

  • problems grids

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioSolutionsMatrix

Stub only
Preview
ST-003Sprint 4 - HDN Studio V1

StudioSolutionsMatrix

Matrice présentant nos solutions de développement (MVP, Core System, IA)

Anatomie technique :
  • Colonnes techniques
  • Description des livrables
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioSolutionsMatrix - Presentation de la matrice de solutions logicielle.

Anatomy

  • solutions matrix

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioBuildMethodStepper

Stub only
Preview
ST-004Sprint 4 - HDN Studio V1

StudioBuildMethodStepper

Étapes de développement itératif (Cadrage, Prototype, Build, Scale)

Anatomie technique :
  • Indicateur pas-à-pas
  • Livrables associés par étape
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioBuildMethodStepper - Stepper de delivery de produit.

Anatomy

  • stepper bar

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioStackAdaptable

Stub only
Preview
ST-005Sprint 4 - HDN Studio V1

StudioStackAdaptable

Grille de notre stack technique adaptable (Next.js, FastAPI, Supabase, n8n)

Anatomie technique :
  • Icônes technologiques
  • Fiches d'intégration système
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioStackAdaptable - Visualisation de la stack agile et robuste.

Anatomy

  • tech grid icons

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioUseCaseCards

Stub only
Preview
ST-006Sprint 4 - HDN Studio V1

StudioUseCaseCards

Cartes de cas d'usage de builds techniques (Intégration d'IA, Plateformes)

Anatomie technique :
  • Cartes de projet
  • Spécifications techniques placeholder
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioUseCaseCards - Cartes de cas techniques et architecture.

Anatomy

  • tech cards

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioOfferCards

Stub only
Preview
ST-007Sprint 4 - HDN Studio V1

StudioOfferCards

Présentation de l'accompagnement Studio sans pricing fixe

Anatomie technique :
  • Packs de service
  • Détail de l'équipe mobilisée
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioOfferCards - Cartes de structure d'offre Studio.

Anatomy

  • offer templates

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioProofStrip

Stub only
Preview
ST-008Sprint 4 - HDN Studio V1

StudioProofStrip

Preuves et métriques de performance des applications (stubs)

Anatomie technique :
  • Graphique de disponibilité
  • Métriques techniques placeholder
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioProofStrip - Ruban technique et indicateurs ops.

Anatomy

  • metrics row

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 4

StudioFinalCTA

Stub only
Preview
ST-009Sprint 4 - HDN Studio V1

StudioFinalCTA

Formulaire de contact produit et qualification technique stub

Anatomie technique :
  • Champs de formulaire technique
  • Mention de respect de la vie privée
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour StudioFinalCTA - Bloc de call-to-action final pour lead tech.

Anatomy

  • cta button

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 5

GraphicsHeroShowcase

Stub only
Preview
GX-001Sprint 5 - HDN Graphics V1

GraphicsHeroShowcase

Hero orienté production visuelle, design d'interfaces et direction artistique

Anatomie technique :
  • Titre esthétique
  • Showcase d'assets placeholder
  • CTA demande de devis
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GraphicsHeroShowcase - Hero d'entree de production graphique.

Anatomy

  • title
  • showcase board

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 5

GraphicsProblemCredibilityBlock

Stub only
Preview
GX-002Sprint 5 - HDN Graphics V1

GraphicsProblemCredibilityBlock

Mise en avant des pertes de crédibilité dues à un design amateur

Anatomie technique :
  • Comparaison visuelle
  • Explication du ROI visuel
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GraphicsProblemCredibilityBlock - Presentation des failles de credibilité graphique.

Anatomy

  • fail list cards

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 5

GraphicsServicesGrid

Stub only
Preview
GX-003Sprint 5 - HDN Graphics V1

GraphicsServicesGrid

Grille des services (Identité visuelle, UI/UX Design, Social Media)

Anatomie technique :
  • Fiches de service
  • Exemples de livrables graphiques
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GraphicsServicesGrid - Grille de services de direction artistique.

Anatomy

  • services list

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 5

GraphicsPacksGrid

Stub only
Preview
GX-004Sprint 5 - HDN Graphics V1

GraphicsPacksGrid

Grille de forfaits de production graphique (stubs sans prix)

Anatomie technique :
  • Détails des abonnements graphiques
  • Mention de devis personnalisé
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GraphicsPacksGrid - Cartes de forfaits visuels sans prix fixes.

Anatomy

  • pack tables stubs

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 5

GraphicsPortfolioFilter

Stub only
Preview
GX-005Sprint 5 - HDN Graphics V1

GraphicsPortfolioFilter

Filtre de réalisations graphiques (en attente de droits d'usage)

Anatomie technique :
  • Catégories de design
  • Grille d'images placeholders
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GraphicsPortfolioFilter - Filtre de travaux créatifs.

Anatomy

  • filters
  • creative tiles grid

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 5

GraphicsProcessTimeline

Stub only
Preview
GX-006Sprint 5 - HDN Graphics V1

GraphicsProcessTimeline

Chronologie du process de création visuelle et itération design

Anatomie technique :
  • Brief initial
  • Drafts & concepts
  • Ajustements
  • Livraison
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GraphicsProcessTimeline - Timeline de production et sprint créatif.

Anatomy

  • milestones bar

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 5

GraphicsProofStrip

Stub only
Preview
GX-007Sprint 5 - HDN Graphics V1

GraphicsProofStrip

Preuves de satisfaction et indicateurs de rapidité de livraison (stubs)

Anatomie technique :
  • Indicateurs de délais
  • Statistiques de révision placeholder
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GraphicsProofStrip - Bandeau de credits et satisfaction graphiques.

Anatomy

  • kpi indicators

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 5

GraphicsFinalCTA

Stub only
Preview
GX-008Sprint 5 - HDN Graphics V1

GraphicsFinalCTA

Appel à l'action final vers la demande de devis sur-mesure

Anatomie technique :
  • Bandeau d'action graphique
  • Lien vers FormStub
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour GraphicsFinalCTA - CTA de soumission de brief graphique.

Anatomy

  • cta element

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 6

ADNHeroNarrative

Stub only
Preview
AD-001Sprint 6 - ADN Studio V1

ADNHeroNarrative

Hero orienté clarification de marque, positionnement et narration

Anatomie technique :
  • Titre narratif
  • Paragraphe de positionnement
  • CTA d'atelier ADN
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour ADNHeroNarrative - Hero de clarification de narrative et messaging de marque.

Anatomy

  • title narrative
  • hero background placeholder

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 6

ADNProblemMessagingBlock

Stub only
Preview
AD-002Sprint 6 - ADN Studio V1

ADNProblemMessagingBlock

Bloc sur les messages flous et la dilution de la proposition de valeur

Anatomie technique :
  • Cartes de diagnostic de messagerie
  • Puces explicatives
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour ADNProblemMessagingBlock - Section des failles de positionnement.

Anatomy

  • messaging pain cards

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 6

ADNMethodLadder

Stub only
Preview
AD-003Sprint 6 - ADN Studio V1

ADNMethodLadder

Échelle de méthode de clarification ADN (Valeurs, Narrative, Conversion)

Anatomie technique :
  • Niveaux de maturité de marque
  • Descriptions méthodologiques
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour ADNMethodLadder - Echelle méthodologique de clarification.

Anatomy

  • steps ladder

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 6

ADNServicesGrid

Stub only
Preview
AD-004Sprint 6 - ADN Studio V1

ADNServicesGrid

Grille des offres de clarification de marque

Anatomie technique :
  • Ateliers de messagerie
  • Rédaction de manifeste
  • Copywriting de conversion
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour ADNServicesGrid - Grille de services copywriting et storytelling.

Anatomy

  • services list

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 6

ADNOfferCards

Stub only
Preview
AD-005Sprint 6 - ADN Studio V1

ADNOfferCards

Cartes d'offres ADN (sans tarifs ni témoignages)

Anatomie technique :
  • Offres d'audit de marque
  • Offres d'accompagnement de clarification
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour ADNOfferCards - Offres cles ADN sans tarifs.

Anatomy

  • offer cards structure

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 6

ADNDeliverablesMatrix

Stub only
Preview
AD-006Sprint 6 - ADN Studio V1

ADNDeliverablesMatrix

Matrice des livrables de marque (Brand Book, Copy Guidelines)

Anatomie technique :
  • Tableau de livrables
  • Format de fichier standard
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour ADNDeliverablesMatrix - Matrice des livrables de marque (Manifeste, Brand book).

Anatomy

  • matrix compare table

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 6

ADNProofBeforeAfter

Stub only
Preview
AD-007Sprint 6 - ADN Studio V1

ADNProofBeforeAfter

Comparaison avant / après de clarification de messagerie

Anatomie technique :
  • Texte dilué (avant)
  • Message percutant clarifié (après)
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour ADNProofBeforeAfter - Demonstration avant/apres de copywriting.

Anatomy

  • compare block

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme
Sprint 6

ADNFinalCTA

Stub only
Preview
AD-008Sprint 6 - ADN Studio V1

ADNFinalCTA

Appel à l'action de fin vers l'atelier de cadrage de marque

Anatomie technique :
  • Titre final
  • Option de calendrier d'atelier stub
  • Lien vers diagnostic
LOCK
Garde-fou Gouvernance Actif

Données publiques finales bloquées (aucun prix, témoignage, CRM ou claim public non validé).

Scaffold pour ADNFinalCTA - Appel final à la clarification de marque.

Anatomy

  • narrative button link

Allowed

  • placeholders approuves

Forbidden

  • pricing
  • CRM routing
  • testimonials

Acceptance

  • respecte la palette d'ecosysteme