Assets & icônes
Une seule bibliothèque d’icônes (Lucide), des règles de taille, et un usage strict des illustrations et assets marketing.
Icônes — Lucide
Guest Suite utilise Lucide via Iconify : convention i-lucide-{nom} (kebab-case). On référence les icônes par leur classe, jamais de SVG inline.
plus
download
search
settings
bell
star
message-square
chart-bar
users
calendar
filter
trash-2
pencil
check
arrow-right
external-link
Tailles d’icônes
| Contexte | Classe | Taille | Aperçu |
|---|---|---|---|
| Inline / bouton standard | w-4 h-4 | 16px | |
| Bouton large / titre de section | w-5 h-5 | 20px | |
| Décoratif | w-6 h-6 | 24px | |
| Illustration / hero | w-8 h-8 | 32px+ |
Illustrations
Réservées aux empty states et écrans pédagogiques. Jamais de SVG inline hardcodé : placer le fichier dans app/assets/ ou public/images/ et le référencer par chemin.
Marketing (usage restreint)
Marketing / landing uniquement
Ces assets sont interdits dans l’UI SaaS quotidienne.
| Asset | Valeur | Usage |
|---|---|---|
| Berkeley | #2D3047 | Titres hero, landing |
| Amber marketing | #FBBF24 | Badges Premium/Nouveau |
| Shadow 3D | 4px 4px 0 #252838 | CTA hero marketing uniquement |