Skip to content

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 :

  1. Logo : URL de l'image (logo d'entreprise) intégrée en en-tête des factures PDF générées.
  2. 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.
  3. Raison Sociale : Nom de l'entreprise ou du projet affiché en tant qu'émetteur légal.
  4. Adresse de Facturation : Coordonnées physiques ou postales de l'émetteur.
  5. 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-600 ou 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 Tailwind rounded-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.

Propulsé de manière serverless par VitePress.