Design System
Aperçu de l'ensemble des composants UI utilisés dans Mets du Gaz : couleurs, typographie, contrôles et widgets.
Couleurs
Palette principale de l'application
Primary (Orange)
#F97316
Foreground
#16233A
Muted
#EEF1F5
Accent
#FDEEDF
Vert (cheap)
#22C55E
Rouge (cher)
#EF4444
Bleu
#5C8AE6
Border
#E5E9F0
Typographie
Police Inter (UI) · Sora (widgets)
Display / 36px Black
Titre / 24px Bold
Sous-titre / 18px Semibold
Corps de texte / 16px Regular
Label / 12px Uppercase
Boutons
Variantes shadcn/ui
Badges & Pastilles
Défaut
Secondaire
Contour
Moins cher
Plus cher
LiveChamps & Contrôles
Interrupteur
Cartes
Carte standard
Contenu d'une carte avec en-tête et corps.
Carte accent
158.4¢
Widgets
Galerie complète des widgets intégrables
ClairSombre
Résumé Régional
Top 5 (moins cher)
Palmarès de la honte
Alerte Choc
Aubaine du jour
Guerre des bannières
Où ça fait mal !
Choc des villes
Grand clivage
Carte des prix
Face à face
Prix dans le monde
Mode TV (16:9)
Affichage géant, lisible de loin sur télévision (capture d'écran)
Prix moyen
Comparaison par région