Design System
Transition 21
Un design system organique et chaleureux pour le marché local français
Couleurs
Couleurs principales
Terracotta#C45D35
Forest#4A7C4E
Gold#C9A227
Mulberry#7B3F61
Leaf#6B8E4E
Earth#8B6B4A
Sky#7BA3C4
Sunset#E07B54
Couleurs de fond
Background#FFFBF5
Secondary#FFF8EE
Tertiary#FFF3E3
Card#FFFFFF
Couleurs de texte
Foreground#2D2013
Secondary#6B5B4D
Muted#9A8B7A
Typographie
Titres (DM Serif Display)
Titre H1 - 36px Bold
Titre H2 - 30px Semibold
Titre H3 - 24px Semibold
Titre H4 - 20px Medium
Corps de texte (DM Sans)
Large - 18px Regular
Base - 16px Regular
Small - 14px Secondary
Extra Small - 12px Muted
Style manuscrit (Caveat)
Du producteur à votre table
Boutons
Variantes
Tailles
Avec icônes
Etats
Champs de saisie
Tapez au moins 3 caractères
Puces de catégorie
Pilules de statut
ReçueEn préparationPrêteLivrée
Icônes nature
leaf
apple
wheat
milk
grape
meat
carrot
fish
egg
cherry
Indicateurs de chargement
Leaf Spinner
Growing Plant
Notifications Toast
Squelettes de chargement
Formes de base
Rectangle
Circle
Blob
Carte produit
Cartes
Carte Produit
Bio
Tomates anciennes
Ferme de Marie
€4.50/kg
Fromage de chèvre
Chèvrerie du Val
€8.90/pièce
Bio
Miel de lavande
Rucher Provençal
€12.00/pot
Carte Producteur
Ferme de Marie
Maraîchage bio
4.8
3.2 km
LégumesFruits
Boulangerie du Moulin
Pain artisanal
4.5
1.5 km
PainViennoiseries
Carte Commande
📋 Commande #2847En préparation
🏡 Ferme de Marie
🗓 12 janvier, 14h-16h
€34.50
Eléments organiques
Blobs décoratifs
Blobs animés en arrière-plan
Séparateur ondulé
Utilisé pour séparer les sections
En-tête
Explorer
Découvrez les producteurs près de chez vous
Bottom Sheet
Navigation
Barre de navigation inférieure
Tab actif: /
Ombres
Small
Medium
Large
Rayons de bordure
16px
24px
Full
Organic