Icônes
135 glyphes mono, rendus par masque CSS pour hériter de la couleur du texte, et 60 pictos DuoTone qui lisent leurs tokens. La bibliothèque complète se parcourt sur la galerie d'assets.
Utilisation
import { Icon, DuotoneIcon } from "@monstera/ui"Échantillon
Douze glyphes sur les 135 de la bibliothèque. Les noms mélangent tirets et tirets bas : c'est le nom du fichier qui fait foi, un nom inexistant ne rend rien, en silence.
Héritage de la couleur
Le masque CSS fait que le glyphe prend currentColor. La même icône suit donc son contexte, et le mode sombre marche sans variante.
DuoTone
Six pictos sur les 60, en lg (64 px) et sm (32 px). Chaque forme lit un token icon/duotone : en mode sombre, la silhouette passe au blanc et l'accent reste cyan. Ouvert en img, le même fichier garde ses couleurs claires.
Galerie complète des assets
Les 135 icônes mono, plus les duotone, illustrations, cartes bancaires et visuels de navigation.
API
Icon
Prop
Type
DuotoneIcon
Prop
Type
Grille
Les trois grilles de Monstera : une mobile à 4 colonnes, deux desktop à 12. Elles ne gouvernent que l'axe horizontal, le rythme vertical relève des espacements.
Typographie
Figtree pour l'interface, Cutta pour les titres marketing, sur une échelle de dix tailles dont chacune arrive avec son interlignage apparié.