Portfolios et conseil : uniquement des gris, la couleur vient du contenu.
Grafite
Geist · rayon 8px · texte 15px
Couleurs
Typographie
Titre de la page
Sous-titre de section
Texte de lecture, descriptions et légendes. Le corps de chaque écran utilise cette taille.
- Titres
- Geist · 600
- Corps
- Geist · 400
Coins
sm3px
md4px
lg5px
xl8px
2xl11px
Base 8px sur rounded-xl ; les autres en découlent.
shadow-sm
shadow-md
shadow-lg
Espacement · unité 4px
- 14px
- 28px
- 312px
- 416px
- 624px
- 832px
- 1248px
- 1664px
Échelle typographique · base 15px × 1.2
- 4xlCafé37/44px
- 3xlCafé31/38px
- 2xlCafé26/32px
- xlCafé22/30px
- lgCafé et pain18/28px
- baseCafé et pain15/22px
- smCafé et pain13/20px
- xsCafé et pain11/16px
Contrôles
h-8 = 32px
h-10 = 40px
h-12 = 48px
Bouton, champ et sélecteur partagent les trois mêmes hauteurs.
Composants
BrouillonPayéEn attenteNouveauEn retard
+1
Volume
Stockage
Tableau de bord
Chiffre d'affaires de la semaine
27 120 €
+18,4 % vs la semaine dernière
Commandes
359
+9,1 % vs la semaine dernière
Panier moyen
75,50 €
+4,2 % vs la semaine dernière
Use the left and right arrow keys to read each point, or the View table button.
Commandes
Boutique ouverteCode promo
Valable sur le site et sur le lien de paiement.
Stock faible
Il reste 3 paquets de café Serra do Caparaó 250 g.
Paiement refusé
La banque du client n'a pas répondu pour la commande #4126.
ExpédiéEn attente
Contraste mesuré : les 34 paires passent le WCAG, en clair et en sombre.