Outils pour développeurs : monospace, vert de prompt, presque pas d'arrondi.
Terminal
JetBrains Mono + IBM Plex Sans · rayon 2px · texte 14px
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
- JetBrains Mono · 600
- Corps
- IBM Plex Sans · 400
Coins
sm1px
md1px
lg1px
xl2px
2xl3px
Base 2px sur rounded-xl ; les autres en découlent.
shadow-sm
shadow-md
shadow-lg
Espacement · unité 3.5px
- 13.5px
- 27px
- 310.5px
- 414px
- 621px
- 828px
- 1242px
- 1656px
Échelle typographique · base 14px × 1.15
- 4xlCafé28/34px
- 3xlCafé24/32px
- 2xlCafé21/28px
- xlCafé et pain19/26px
- lgCafé et pain16/24px
- baseCafé et pain14/22px
- smCafé et pain12/18px
- xsCafé et pain11/16px
Contrôles
h-8 = 28px
h-10 = 35px
h-12 = 42px
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.