Éducation et administration : typo pensée pour lire facilement, grandes zones de clic.
Escola
Atkinson Hyperlegible · rayon 10px · texte 17px
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
- Atkinson Hyperlegible · 700
- Corps
- Atkinson Hyperlegible · 400
Coins
sm3px
md5px
lg7px
xl10px
2xl13px
Base 10px sur rounded-xl ; les autres en découlent.
shadow-sm
shadow-md
shadow-lg
Espacement · unité 4.5px
- 14.5px
- 29px
- 313.5px
- 418px
- 627px
- 836px
- 1254px
- 1672px
Échelle typographique · base 17px × 1.2
- 4xlCafé42/50px
- 3xlCafé35/42px
- 2xlCafé29/34px
- xlCafé24/32px
- lgCafé20/28px
- baseCafé et pain17/26px
- smCafé et pain14/22px
- xsCafé et pain12/18px
Contrôles
h-8 = 36px
h-10 = 45px
h-12 = 54px
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.