Boutiques en ligne et promos : orange promo et un bouton impossible à rater.
Varejo
Red Hat Display · rayon 12px · texte 16px
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
- Red Hat Display · 800
- Corps
- Red Hat Display · 400
Coins
sm4px
md6px
lg8px
xl12px
2xl16px
Base 12px 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 16px × 1.2
- 4xlCafé40/48px
- 3xlCafé33/40px
- 2xlCafé28/34px
- xlCafé23/32px
- lgCafé et pain19/26px
- baseCafé et pain16/24px
- 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.