Référence officielle · édition 2026
Une marque qui inspire confiance avant de parler technologie.
Cette charte réunit les fondations verbales et visuelles de Billabex. Elle s’applique au produit, au site, aux présentations, aux contenus et à toute communication externe.
Le collègue de confiance
Billabex ressemble à quelqu’un de compétent qui travaille à vos côtés — jamais à un dashboard froid ni à une agence agressive.
01 · Fondation
Le recouvrement est un problème de relation, pas de technologie.
Toutes les décisions de marque partent de cet insight. Nous rendons une tâche sensible plus humaine, plus calme et plus simple à déléguer.
“Tu travailles, tu livres, tu es payé.”
| Catégorie | Code habituel | Réponse Billabex |
|---|---|---|
| SaaS de recouvrement | Outil et dashboard | Collègue et confiance |
| Agence de recouvrement | Agressive et tardive | Diplomate dès le jour 1 |
| Relance manuelle | Stress et temps perdu | Délégation totale |
02 · Logo
Le logo maître reste simple, lisible et intact.
Le bloc-marque bicolore est la signature officielle. Le bleu porte le nom et l’autorité ; le rouge signale l’action. Utilisez toujours le fichier fourni, sans le recomposer.
Zone de respiration
Conserver au minimum l’équivalent de la hauteur du « B » tout autour du logo.
Taille numérique minimale
20 px de haut pour le bloc-marque complet.
À faire
- Employer le fichier maître bicolore.
- Préserver ses proportions et sa zone de respiration.
- Le placer sur une surface blanche ou très claire.
À éviter
- Déformer, incliner ou redessiner le logo.
- Modifier ses couleurs ou ajouter un effet.
- Le poser sur une photo chargée ou un fond sombre sans version dédiée.
Télécharger les fichiers officiels
03 · Couleurs
Le bleu rassure. Le rouge fait agir.
La palette est volontairement courte. Le rouge Billabex est un signal rare : CTA, lien fort ou accent décisif.
Marque
Billabex red
#D62828
brand-primary
Dark red
#B91C1C
brand-secondary
Soft red
#FEF2F2
brand-soft
Inverse red
#FECACA
brand-inverse
Encres
Strong ink
#003049
ink-strong
Body ink
#244B5A
ink-body
Muted ink
#52677A
ink-muted
Subtle ink
#64748B
ink-subtle
Surfaces & traits
App
#F8FAFC
surface-app
Card
#FFFFFF
surface-card
Subtle
#F1F5F9
surface-subtle
Hairline
#E2E8F0
hairline
États fonctionnels
Success
#047857
status-success
#0A90D8
social-linkedin
Règle du signal rouge
L’autorité vient du bleu profond. Le rouge attire vers une action. Si tout est rouge, plus rien ne signale l’action.
04 · Typographie
Une famille. Toute la hiérarchie par le poids.
Outfit est la seule police officielle. Ses formes ouvertes apportent de la chaleur sans multiplier les styles.
Outfit Variable · 400–700
Aa Bb Cc Dd Ee Ff Gg · 0123456789 · € %
Tu travailles, tu livres, tu es payé.
Billabex prend en charge les conversations difficiles autour de l’argent avec le bon ton, au bon moment.
Display LG
28–44 px
700
Display
28 px
700
Heading 1
21 px
700
Lead
18–20 px
400
Heading 2
18 px
600
Body
14 px
400
Caption
12 px
600
- Titres en 700, texte courant en 400, labels en 500.
- Pas de seconde police ni de body en Light 300.
- Capitales espacées réservées aux captions courtes.
- Longueur de ligne : 65 à 75 caractères.
05 · Composition
De l’air, une structure nette, une chaleur humaine.
La page doit se lire comme une conversation posée, pas comme un tableau de contrôle.
Grille
Conteneur maximal de 1 200 px, gouttières mobiles de 16 px.
Rythme
Base de 8 px et espacements de section sémantiques.
Rayons
6 à 16 px en général ; les pilules sont réservées aux tags et à la navigation.
Élévation
Surface plate, bordure fine ou ombre courte teintée bleu — jamais les deux en décoration.
Rythme de section
Ce que la composition refuse
- Grilles infinies de cartes identiques.
- Dashboards gris froids et accents néon.
- Grandes ombres molles, glassmorphism et rayons excessifs.
- Motifs décoratifs sans information.
06 · Composants
Des composants calmes, francs et prévisibles.
Le rouge porte l’action principale, le blanc l’alternative, avec un focus visible et des libellés explicites.
Surface de contenu
Une décision claire, pas un panneau de contrôle.
Une carte rassemble un seul sujet cohérent. Elle ne contient pas une nouvelle grille de cartes.
Message de statut
La promesse de paiement est bien suivie.
07 · Images & icônes
Montrer des personnes au travail, pas une technologie abstraite.
L’image matérialise le soulagement, la relation et le travail réel. Les icônes soutiennent la compréhension.
Direction photographique
- Situations de travail crédibles, lumière naturelle, échelle humaine.
- Gestes et environnements réellement vécus par les TPE et PME.
- Cadrages calmes avec de l’espace utile pour le texte.
À éviter
- Poignées de main et sourires génériques de banque d’images.
- Robots humanoïdes, cerveaux numériques, hologrammes et néons fintech.
- Mises en scène agressives de conflit ou d’argent.
Système d’icônes
Lucide, trait 2 px, extrémités arrondies, taille courante 20–24 px. Une action conserve toujours un libellé.
08 · Voix
Le résultat d’abord. L’explication ensuite.
La voix Billabex est professionnelle mais accessible. Elle parle comme un collègue expert qui prend la tâche en charge.
Écrire comme Billabex
“Tu travailles, tu livres, tu es payé.”
Promesse concrète, active et mémorisable.
“Billabex relance. Vous gardez la relation.”
Le résultat précède le mécanisme.
“Rémy gagne quatre heures chaque mois.”
Une situation incarnée plutôt qu’une abstraction.
Ne pas écrire comme un dashboard
“Optimisez votre DSO grâce à notre plateforme.”
Jargon avant bénéfice.
“Révolutionnez votre cash collection.”
Promesse générique et agressive.
“Notre solution facilite vos relances.”
Posture d’outil et résultat flou.
- Voix active et phrases courtes.
- Prénoms et situations concrètes quand ils éclairent le propos.
- Jargon évité ou expliqué dès sa première apparition.
- En français, titres en casse de phrase.
09 · Accessibilité & mouvement
La marque reste lisible, compréhensible et calme pour tout le monde.
L’accessibilité n’est pas une variante du design : elle fait partie de la confiance. Toutes les productions visent WCAG 2.1 AA.
Contraste
4,5:1 minimum pour le texte courant ; 3:1 pour le grand texte.
Clavier
Ordre logique, focus visible et aucune action uniquement au survol.
Couleur
Une information n’est jamais portée par la couleur seule.
Mouvement
Animations courtes et utiles, désactivées avec prefers-reduced-motion.
Langue
Chaque contenu public existe en français et en anglais.
Avant de publier
- Le logo vient-il d’un fichier officiel ?
- Le rouge reste-t-il rare et orienté action ?
- Outfit est-elle la seule police ?
- Le message ressemble-t-il à un collègue, pas à un outil ?
- Le contenu fonctionne-t-il au clavier, sur mobile et sans animation ?
- Les versions FR et EN sont-elles alignées ?