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

Tomates anciennes
Bio

Tomates anciennes

Ferme de Marie

€4.50/kg
Fromage de chèvre

Fromage de chèvre

Chèvrerie du Val

€8.90/pièce
Miel de lavande
Bio

Miel de lavande

Rucher Provençal

€12.00/pot

Carte Producteur

Ferme de Marie

Ferme de Marie

Maraîchage bio

4.8
•
3.2 km
LégumesFruits
Boulangerie du Moulin

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