Design system
DA v1Référence vivante de la direction artistique APG BSPLink Assistant — tokens, composants et interactions partagés par toute la plateforme.
Palette
Orange signature #E8870E sur encre #1e1e2d, système sémantique 4 couleurs.
Orange
#E8870E
Orange hover
#D07A0B
Encre
#1E1E2D
Fond app
#F7F8FA
Vert
#2DA44E
Rouge
#E5484D
Bleu
#1A56DB
Jaune
#F5B800
Typographie
Segoe UI · hiérarchie par graisse & couleur.
32 481Chiffre clé / 900
Tableau de bordTitre page / 900
Diagnostic du dossierTitre modale / 700
Texte courant de l'interface.Courant / 500
RéférentielsLabel MAJ / 700
Boutons & actions
Variantes
Couches flottantes
Badges & statuts
Badges sémantiques
RégléeValidéeÀ facturerRejetéeBSPAvoir
Pastilles de statut
En attenteEn coursTerminéErreur
Progression & étapes
64%
✓Connexion
✓Téléchargement
3Parsing
4Mapping
Cartes statistiques
Factures prêtes
▲ 3.1%481
12 comptabilisées
Encaissé
▲ 8.4%132 840 €
29 règlements
Table & onglets
Entête sombre, colonnes alignées, survol de ligne subtil.
| Pays | Associé | Statut | Reste à régler |
|---|---|---|---|
| Maroc | APG Maroc | À jour | 42 180,00 € |
| Sénégal | APG Sénégal | Échu | 128 640,00 € |
| Mozambique | APG Mozambique | Litige | 73 510,00 € |
APG Travel · Refacturation — prototype mock · Next.js 16 · Tailwind v4 · DA BSPLink Assistant