§ Design System · Atomic Design 5 niveaux
Showcase des composants.
Cette page liste les atomes, molécules et templates utilisés dans le site Waimia. Elle sert de référence visuelle et de test de régression vivant.
ATOMS · 01 · Briques minimales
Kicker (3 tones)
§ TONE MUTED · 11px MONO
§ TONE ACCENT · TERRACOTTA
§ TONE DIM · ON DARK
ChapterLabel
II · 2.0 · Acte II — La méthode
PillCTA (rounded 999px)
TerminalCTA (rounded 6-8px font-mono)
Bi (bilingue)
Mode props : Bonjour
Mode slots : Construire du revenue.
MOLECULES · 02 · Compositions fonctionnelles
SectionHeader (legacy .sec-hd)
IIActe II — Démo
Quatre paliers, une seule architecture.
Du diagnostic à l'infrastructure souveraine.
StatRow
43
interventions
€18M+
pipeline audité
× 4
taux de réussite
12
juridictions UE
TechPillRow
Claude Opus PostgreSQL HubSpot dbt
RelatedCards (3 cards · pattern fin de page)
TEMPLATES · 03 · Squelettes de page
8 templates dans src/components/templates/ :
HubTemplate, ServiceDetailTemplate, CaseStudyTemplate,
EssayTemplate, ListIndexTemplate, DetailMenuTemplate,
TrustLegalTemplate, UtilityTemplate.
Voir /offres/conseil, /cas/plateau,
/trust-center, /contact pour des instances vivantes.
TOKENS · 04 · Couleurs & typographie
--paper · #F6F1E8--paper-2--ink · #0C0B09--accent · #C94F2E--muted--hairlineInstrument Serif italic
JetBrains Mono · Kicker