Atomic Design · Niveau 2
Molécules
Assemblages d'atomes en composants fonctionnels : recherche, formulaires, navigation, cartes et feedback. Chaque bloc utilise exclusivement les tokens du système — le bouton « Copier le code » place le code HTML tokenisé dans le presse-papier.
Search Bar
Icône + champ + raccourci clavier · variante avec bouton.
Login · Newsletter · Contact
Trois formulaires types, prêts pour WordPress.
Restez informé
Newsletter — un email par mois, désinscription en un clic.
Contact
Cards
Blog · Product · Pricing · Team · KPI / Stat.
Populaire
Pro
29 €
/ mois
- ✓Sites illimités
- ✓Blocs Gutenberg premium
- ✓Support prioritaire
- ✕Marque blanche
JL
Jeanne Laurent
Directrice artistique
Visiteurs uniques
48 210
↑ 12,4%
vs. mois précédent
Taux de rebond
37,2%
↓ 2,1%
objectif : < 35%
Alert · Notification
Quatre niveaux sémantiques + notification riche.
{{ al.icon }}
{{ al.title }}
{{ al.msg }}
AB
Antoine Bernard a commenté votre article
il y a 5 minutes
Timeline · FAQ · Download
FAQ interactive (cliquez pour déplier).
CSS · 12 Ko