§ Famille · 8 variantes · 44 déclinaisons

timeline

8 variantes (8 stables) partagent la forme « timeline ». Chaque card ouvre la fiche technique ; les déclinaisons (presets) se prévisualisent en ligne.

editorial-timeline stable

Frise chronologique éditoriale composant l'atome Timeline : axe gauche, points, numéros, dates, titres et descriptions, vertical ou horizontal. Pour une méthode ou un parcours en N phases.

timeline Timelines Frise chronologique1 colonne 9 décl.

9 déclinaisons

Frise éditoriale · papier
Frise éditoriale · papier 2
Frise éditoriale · papier 3
Frise éditoriale · horizontale
Frise éditoriale · sans numéros
Frise éditoriale · dense
Frise éditoriale · aérée
Frise éditoriale · encre
Frise éditoriale · encre · horizontale

how-we-ship stable

Section "comment on livre", sticky pin scrub : N étapes avec numline et stage cards animées au scroll (graceful degradation mobile).

timeline Timelines Cartes empiléesDéfilementIllustration au trait +3

method-stepline stable

Timeline de méthode horizontale sur fond clair : ligne hairline traversée de nœuds accent, chaque nœud surmonté d'un numéro mono, d'un titre serif et d'un sous-label mono. En-tête kicker à gauche, durée à droite. Reveal-stagger, empilage en colonne en mobile.

timeline Timelines Apparition au scrollDéfilementFrise chronologique +2 11 décl.

11 déclinaisons

Méthode · ligne d étapes · papier
Méthode · ligne d étapes · encre
Méthode · rail vertical
Méthode · lignes numérotées
Méthode · cartes en grille (auto)
Méthode · cartes en grille (3 col.)
Méthode · cartes en grille (2 col.)
Méthode · rail vertical · encre
Méthode · lignes numérotées · aéré
Méthode · header centré
Méthode · étapes avant header (atomique)

method-timeline stable

Timeline méthodologique pour expliquer les étapes d'un accompagnement ou d'un processus.

timeline Timelines Apparition au scrollDéfilementFrise chronologique +2 12 décl.

12 déclinaisons

Méthode · frise · papier
Méthode · frise · encre
Méthode · étapes empilées
Méthode · lignes numérotées
Méthode · rail horizontal
Méthode · cartes en grille (auto)
Méthode · cartes en grille (3 col.)
Méthode · cartes en grille (2 col.)
Méthode · lignes numérotées · titre centré
Méthode · rail horizontal · aéré
Méthode · header centré (atomique)
Méthode · header en dessous (atomique)

steps-horizontal stable

Etapes numerotees en ligne avec pastilles et connecteurs hairline. Passage vertical sous 760px.

timeline Timelines Liste4 colonnes 4 décl.

4 déclinaisons

Étapes horizontales · papier
Étapes horizontales · papier 2
Étapes horizontales · papier 3
Étapes horizontales · encre

tech-integration-flow stable

Position dans la stack en frise verticale numérotée (Timeline + Dingbat), un nœud par étape d intégration.

timeline Timelines Apparition au scrollDéfilementFrise chronologique +3

timeline-block stable

Bloc chronologique pour raconter une progression, un historique ou une séquence d'événements.

timeline Timelines ListeFrise chronologique2 colonnes +2 4 décl.

4 déclinaisons

Frise datée · papier
Frise datée · papier 2
Frise datée · papier 3
Frise datée · encre

timeline-horizontal stable

Frise chronologique horizontale datée (roadmap) : événements à statut (done/active/upcoming), date, label et body, scroll-snap horizontal, empilement vertical sur mobile.

timeline Timelines Défilement horizontalGlisser pour faire défilerIllustration au trait +4 4 décl.

4 déclinaisons

Roadmap horizontale · papier
Roadmap horizontale · papier 2
Roadmap horizontale · papier 3
Roadmap horizontale · encre