Fondations

Typographie

General Sans donne la personnalité de la marque (logotype, titres, chiffres clés) ; Inter, auto-hébergée, assure la lisibilité dense de l’interface. Corps par défaut : 14 px. Montants en chiffres tabulaires, alignés à droite.

Familles

General Sans

font-display · 500–600

Rendement usinage 63,4 %

Logotype, titres h1–h3, chiffres clés des KPI. Chargée depuis Fontshare (à auto-héberger avant la production).

Inter

font-sans · 400–600 · variable

Paddy variété TS2 — 412 850 kg

Interface, tableaux, formulaires. Auto-hébergée via @fontsource-variable/inter.

Mono

font-mono · 400

RB25-261013-01

Identifiants techniques, codes de lot, extraits de code.

Échelle

Neuf tailles, chacune avec sa hauteur de ligne. Le corps dense de 14 px (base) est le défaut de l’application.

text-2xs11px / 16px
Commande CMD-2026-00421 confirmée
Compteurs, légendes de graphiques, mentions
text-xs12px / 16px
Commande CMD-2026-00421 confirmée
En-têtes de colonnes, badges, aides secondaires
text-sm13px / 18px
Commande CMD-2026-00421 confirmée
Libellés de champs, messages d’aide et d’erreur
text-base14px / 20px
Commande CMD-2026-00421 confirmée
Corps de texte par défaut (dense), tableaux, champs
text-md16px / 24px
Commande CMD-2026-00421 confirmée
Texte d’introduction, champs taille lg
text-lg18px / 26px
Commande CMD-2026-00421 confirmée
Titres de cartes et de sections secondaires
text-xl20px / 28px
Commande CMD-2026-00421 confirmée
Titres de panneaux, tiroirs
text-2xl24px / 32px
Commande CMD-2026-00421 confirmée
Titres de sections, chiffres clés des KPI
text-3xl30px / 38px
Commande CMD-2026-00421 confirmée
Titre de page (h1)

Hiérarchie de page

Ventes · Commandes

CMD-2026-00421

Grossiste Démo Kossodo · Ouagadougou · livraison prévue le 15/10/2026

Lignes de la commande

Trois articles, 750 sacs au total. Voir le bon de livraison BL-2026-00388.

Prix issus de la grille tarifaire « Grossistes 2026 ».

Chiffres tabulaires et montants

Les montants utilisent la classe tabular (ou MoneyText, qui l’applique) : chaque chiffre a la même largeur, les colonnes s’alignent. Devise selon la société (F CFA pour XOF), signe moins typographique (−).

Proportionnels (à éviter)

CMD-2026-00428	9 950 000 F CFA
CMD-2026-00427	6 250 000 F CFA
CMD-2026-00426	13 600 000 F CFA
CMD-2026-00425	9 375 000 F CFA
CMD-2026-00424	704 000 F CFA
CMD-2026-00423	4 390 000 F CFA

Tabulaires avec MoneyText (correct)

CMD-2026-00428	9 950 000 F CFA
CMD-2026-00427	6 250 000 F CFA
CMD-2026-00426	13 600 000 F CFA
CMD-2026-00425	9 375 000 F CFA
CMD-2026-00424	704 000 F CFA
CMD-2026-00423	4 390 000 F CFA
Total	44 269 000 F CFA
Avoir AV-2026-00012	−1 125 000 F CFA

<td className="text-right tabular-nums">…</td>
<MoneyText value="18750000" currency="XOF" align="right" />   // 18 750 000 F CFA
<MoneyText value="-1125000" currency="XOF" />                 // −1 125 000 F CFA (rouge + signe)