Identité visuelle
La charte graphique de Bantaflow — le système visuel derrière JMS.dev. Logo, couleurs, typographie, composants et règles d'usage. Une seule source de vérité pour rester cohérent partout.
Logo & marque
Le logo Bantaflow combine un symbole — un nœud de flux de données animé — et un logotype bicolore : Banta (violet, l'identité, l'ancrage) et flow (teal, le flux, le mouvement). Toujours préserver le contraste entre les deux moitiés.
Zone de protection
Marge minimale = hauteur du « B » sur chaque côté. Rien ne doit l'empiéter.
Taille minimale
Logotype : 90px de large à l'écran. Symbole seul : 24px minimum.
Favicon
bantaflow-logo-wakanda.svg — symbole seul, gradient Wakanda.
Couleurs
Teal comme couleur d'action principale, violet comme couleur d'identité (logo, accents secondaires), et une base sombre bleu-gris (jamais de noir pur, pour éviter la fatigue oculaire). Le dégradé signature relie teal → cyan → indigo.
Accent — Teal / Cyan
Identité — Violet Wakanda
Base sombre & texte
Dégradé signature
Typographie
Deux familles. Outfit pour tout l'affichage et le corps de texte (géométrique, moderne, chaleureuse). JetBrains Mono pour les labels techniques, le code et les métadonnées — c'est la signature « data engineer ».
Outfit
Titres, corps de texte, interface. La police principale.
JetBrains Mono
Labels, code, chiffres, eyebrows, horodatage.
Composants
Les briques d'interface récurrentes. Teal plein pour l'action primaire, contour pour le secondaire. Coins arrondis 10–14px, transitions cubic-bezier(.16,1,.3,1).
Règles d'usage
Les garde-fous pour garder la marque cohérente et lisible.
✓ À faire
Utiliser le teal #22D3C5 pour les actions et liens principaux.
Garder le contraste violet/teal du logotype Bantaflow.
Respecter la zone de protection autour du logo.
Réserver JetBrains Mono aux labels techniques et au code.
✕ À éviter
Fond noir pur #000 — utiliser la base bleu-gris #0F1117.
Étirer, incliner ou recolorer le logo hors palette.
Mettre « Banta » et « flow » de la même couleur.
Multiplier les couleurs d'accent — teal + violet suffisent.
Ton & voix
La marque parle comme un ingénieur qui sait vulgariser : précis, posé, sans jargon gratuit.
Technique mais clair
De la profondeur d'expert, expliquée simplement. On montre le « pourquoi », pas que le « comment ».
Orienté valeur
La donnée sert le business. On relie toujours la technique à un impact concret.
Bilingue FR / EN
Contenu en français et anglais. Les termes techniques restent en anglais (lakehouse, pipeline…).
Confiant, jamais arrogant
On affirme l'expertise (certifs, projets) avec sobriété. Les faits parlent.