Branding & Personnalisation de l'UI — Ash-Wallet
Ash-Wallet est une plateforme multi-locataire (multi-tenant) permettant à chaque projet d'intégrer et d'afficher sa propre identité visuelle sur les factures et la console développeur.
🎨 1. Configuration du Branding par Projet
Les réglages s'effectuent sur le frontend ash-wallet-gate dans la section de configuration de chaque projet.
Paramètres de Personnalisation :
- Logo : URL de l'image (logo d'entreprise) intégrée en en-tête des factures PDF générées.
- Couleur de Marque (Primaire) : Appliquée sur les boutons d'action des liens de paiement, les en-têtes et le design global des documents PDF.
- Raison Sociale : Nom de l'entreprise ou du projet affiché en tant qu'émetteur légal.
- Adresse de Facturation : Coordonnées physiques ou postales de l'émetteur.
- Texte de Pied de Page : Informations complémentaires (ex: mentions de taxes, mentions légales, message de remerciement).
🏢 2. Design System Global d'Ash-Wallet
La console développeur globale (ash-gate) s'appuie sur une charte graphique Fintech haut de gamme :
- Palette de couleurs : Fond sombre avec des effets de dégradés et accentuation avec le vert Ash (classe Tailwind
ash-600ou vert émeraude#10B981). - Esthétique : Effets de transparence (Glassmorphism) avec flous d'arrière-plan (backdrop-filter).
- Typographie : Polices de caractères modernes chargées dynamiquement (Inter / Outfit).
- Bordures : Arrondis uniformes de
12px(classe Tailwindrounded-xl) pour un aspect moderne et épuré.
NOTE
Les modifications visuelles s'appliquent immédiatement sur toutes les nouvelles factures générées. Les factures déjà émises conservent quant à elles l'état visuel historique au moment de la transaction.