Branding et logos
L'identité visuelle de Bemba suit la charte graphique du PCH : bleu primaire #1E6B9A, bleu secondaire #3C8AB4. Les logos sont ceux de la République de Guinée-Bissau, du PCH et de la Banque mondiale.
Rien de tout cela ne se modifie depuis l'interface : logos et couleurs sont des fichiers du dépôt, et un changement passe par un déploiement.
Couleurs
| Rôle | Code | Où c'est défini |
|---|---|---|
| Bleu primaire PCH | #1E6B9A | frontend/tailwind.config.js (palette pch et palette emerald, redéfinie en bleu) |
| Bleu secondaire PCH | #3C8AB4 | idem |
| Vert d'accent, valeurs positives | #4A7C59 | idem |
| Alerte | #B8761F | idem |
| Danger | #A03A2A | idem |
| Site de documentation | #1E6B9A | documentation/src/css/custom.css |
emeraldLes classes Tailwind emerald-* du code affichent du bleu : la palette a été redéfinie pour appliquer la charte sans réécrire chaque composant. Ne pas « corriger » ces classes.
Logos
Trois jeux de fichiers coexistent, selon ce qui produit le document :
| Emplacement | Fichiers | Utilisé par |
|---|---|---|
frontend/public/assets/logos/ | logo-pch.png, guinee-bissau.png, banque-mondiale.png | page de connexion, en-têtes des PDF générés dans le navigateur |
backend/public/logos/ | pch.png, guine.png, bm.png | exports officiels de paiements, contrats des bénéficiaires et autres PDF générés par le serveur |
backend/public/images/logos/ | logo_pch.png, guinee.png, banque_mondiale.png et variantes | fiches de présence des réunions |
Pour changer un logo, remplacer le fichier sous le même nom dans chaque emplacement concerné, puis redéployer le frontend et reconstruire l'image du backend. Préférer un PNG à fond transparent, de 200 à 400 pixels de large.
Lettres de transfert
Les informations imprimées sur les lettres de demande de transfert se règlent par compte opérateur : Comptes opérateurs → modifier un compte → Paramètres des lettres de transfert.
| Bloc | Champs |
|---|---|
| Agence | nom, abréviation, nom du système de paiement, localisation, préfixe de référence |
| Destinataire | nom, poste, ville |
| Mise en page | ligne « Nome » personnalisée (générée automatiquement si vide), adresse de pied de page |