Charte Graphique

IDENTITÉ VISUELLE

JAVLOT, SAS
Article 1

MISSION

Javlot a été créé pour combler l'écart entre l'accès à l'investissement et le contrôle de l'investisseur. Nous construisons une automatisation en libre-service pour les investisseurs du quotidien, où les stratégies ne sont pas des promesses mais des systèmes, où la performance est suivie plutôt que supposée, et où le capital reste dans les mains de l'utilisateur.

Chaque surface de marque (copy, design, schéma, social) doit refléter trois constantes : la discipline, la transparence et le temps.

Article 2

LOGO

Le logo Javlot est l'identifiant principal de la marque. Il existe en trois variantes : blanc pour les fonds sombres, noir pour les fonds clairs, et accent (lime) pour les supports de marque. Maintenez toujours un espace libre suffisant autour du logo.

Javlot logo, white on dark
Javlot logo, black on light
Javlot logo, accent (lime)
Utiliser sur des fonds unis avec suffisamment de contraste
Ne pas étirer, déformer ou faire pivoter le logo
Maintenir un espace libre égal à la hauteur du «J»
Ne pas modifier les couleurs du logo
Taille minimum : 80px en digital, 20mm en print
Ne pas placer sur des fonds chargés ou à faible contraste
Article 3

PALETTE DE COULEURS

Cliquez sur un échantillon pour copier sa valeur hex. L'accent lime est la couleur principale de la marque, utilisée pour les CTA, les mises en avant et les éléments interactifs.

Marque
Lime#C8FF00
Lime Light#D8FF40
Fonds
App#050505
Surface#111111
Card#0A0A0A
Elevated#1A1A1A
Texte
Primary#FFFFFF
Secondary#B3B3B3
Tertiary#666666
Statut
Success#10B981
Warning#F59E0B
Error#EF4444
Info#3B82F6
Article 4

TYPOGRAPHIE

Inter est la police principale dans toutes les interfaces Javlot. Chargée via l'optimisation de polices Next.js. Les tailles suivent une échelle fluide ; les graisses vont de Regular (400) à Extrabold (800).

Aa
Regular
400
Aa
Medium
500
Aa
Semibold
600
Aa
Bold
700
Aa
Extrabold
800
Hero
4rem
Start Trading Today
Section
3rem
How It Works
Card title
1.5rem
Gold Scalper Pro
Body
1.125rem
Automated trading made simple for everyone
Body sm
1rem
Connect your MT5 account in minutes
Label
0.875rem
Monthly Performance
Caption
0.75rem
LAST UPDATED: APRIL 2026
Article 5

ESPACEMENT & RAYON

Tous les espacements suivent une grille de base de 4px. Les jetons de rayon de bordure garantissent une rondeur cohérente dans l'interface.

4
8
12
16
20
24
32
40
48
64
80
96
sm4px
md8px
lg12px
xl16px
2xl24px
full9999px
Article 6

VOIX & TON

Javlot écrit calmement. La voix est structurée, transparente, et place l'utilisateur en position de contrôle. Cadrage de découverte sur les points d'entrée ; cadrage de parcours sur les surfaces de conversion ; précision légale sur les surfaces liées au risque.

Cadrage de découverte
EN : See, Browse, Read, Step into, Meet, Learn, Find. Éviter la répétition de Discover. FR : Découvrez, Apprenez-en plus, Plongez.
Cadrage de parcours
EN : start your journey, step into, dive in. FR : embarquez, votre parcours, votre aventure, lancez-vous.
Calme et accessible
EN : at your own pace, with peace of mind, with confidence. FR : à votre rythme, l'esprit léger, sereinement.
Signaux de confiance
EN : keeping full control of your capital, entirely yours to control. FR : vous gardez le contrôle, contrôle total sur votre capital.
Ponctuation
Pas de tirets cadratins dans le corps du texte. Utiliser virgules, deux-points, parenthèses ou points. Les traits d'union restent valides dans les adjectifs composés. Les tirets demi-cadratin pour les plages numériques.
Vocabulaire à éviter
À éviter : delve, tapestry, landscape, realm, crucial, vital, leverage (verbe), moreover, furthermore, in conclusion. Préférer verbes concrets et noms spécifiques.
Article 7

RÈGLES D'UTILISATION

Thème Sombre par Défaut
Javlot utilise un thème sombre par défaut. L'accent lime (#C8FF00) est la couleur principale. En mode clair, l'accent devient bleu vif (#1B84FF).
Jetons de Design Uniquement
Ne jamais coder en dur les couleurs. Toujours référencer les propriétés CSS : var(--text-primary), var(--bg-app), var(--accent-primary), etc.
Hiérarchie Typographique
Utiliser Inter pour tout le texte. Réserver bold (700) et extrabold (800) pour les titres. Le texte courant utilise regular (400) ou medium (500).
Exceptions de Couleurs
Les valeurs codées en dur ne sont autorisées que dans les dégradés, drop-shadow, text-shadow et les animations keyframe.
Article 8

TÉLÉCHARGEMENTS

Fichiers de logo au format SVG, prêts pour usage éditorial et partenaire. En téléchargeant, vous acceptez de suivre les règles d'utilisation ci-dessus.