BRAND CENTER

L’identité visuelle d’Ariovis.

Les éléments de marque d’Ariovis : logo, couleurs, typographie, motifs et règles d’usage. Cette page sert de référence pour toute production visuelle interne ou partenaire.

Le logo

Le logo Ariovis existe en deux déclinaisons : le logotype complet, avec la signature Security meets Business, et le monogramme seul.

Logotype sur fond clair

ariovis-logo-light.svg

Télécharger

Logotype sur fond sombre

ariovis-logo-dark.svg

Télécharger

Monogramme sur fond clair

ariovis-monogram-light.svg

Télécharger

Monogramme sur fond sombre

ariovis-monogram-dark.svg

Télécharger

Règles d’usage

Utiliser toujours les fichiers officiels. Ne jamais redessiner ni recomposer le logo.
Choisir la déclinaison adaptée au fond : version foncée sur fond clair, version claire sur fond sombre.
Conserver un espace libre autour du logo, au moins égal à la hauteur du monogramme.
Ne pas étirer, incliner ni modifier les proportions.
Ne pas modifier les couleurs, ni ajouter d’ombre, de contour ou d’effet.
Ne pas placer le logo sur une image ou un motif qui nuit à sa lisibilité.
Largeur minimale d’affichage : 120 px pour le logotype, 32 px pour le monogramme.

Le dégradé Ariovis

Le dégradé est la signature visuelle d’Ariovis. Il est issu du logo et se retrouve sur l’ensemble des supports.

Couleur	Hex	Position
Jaune	#FFFF00	0 %
Orange	#FF9900	22,56 %
Bordeaux	#9E0E40	59,33 %
Fuchsia	#DE0F72	78,72 %
Rose	#FF76B7	100 %

Valeur CSS

background: linear-gradient(90deg, #FFFF00 0%, #FF9900 22.56%, #9E0E40 59.33%, #DE0F72 78.72%, #FF76B7 100%);

Règles d’usage

Le dégradé est une signature, pas une texture.
L’utiliser en filet fin ou sur une surface réduite.
Ne jamais l’employer en fond de bouton, sur du texte, ni en aplat sur une grande surface.
Pas plus de trois éléments en dégradé sur une même page.
Ne pas l’animer.

La palette

Neutres

White

#FFFFFF

Slate 50

#F8FAFC

Slate 100

#F1F5F9

Slate 200

#E2E8F0

Slate 300

#CBD5E1

Slate 400

#94A3B8

Slate 500

#64748B

Slate 600

#475569

Slate 700

#334155

Slate 800

#1E293B

Slate 900

#0F172A

Slate 950

#020617

Black

#000000

Accent principal

Orange #FF9900. Utilisé pour les CTA primaires, toujours avec du texte sombre #0F172A.

Orange

#FF9900

Accents de marque

Fuchsia

#DE0F72

Bordeaux

#9E0E40

Rose

#FF76B7

Wine

#BE0F59

Couleurs d’illustration

Purple

#E218E7

Purple Light

#C515CF

Purple Medium

#A712B6

Purple Dark

#8A0E9E

Yellow

#FFFF00

Yellow Light

#FFE500

Orange Light

#FFB800

Contraste

Fond	Texte	Ratio	Usage
#FF9900	#0F172A	8,3:1	Bouton primaire	Aa
#FFFFFF	#9E0E40	8,1:1	Lien éditorial, thème clair	Aa
#020617	#FF76B7	7,4:1	Lien éditorial, thème sombre	Aa
#DE0F72	#FFFFFF	4,8:1	Badge	Aa
#FFFF00	#0F172A	16,6:1	Illustration	Aa

Ne jamais utiliser de texte blanc sur Orange, Yellow ou Rose. Les contrastes tombent respectivement à 2,1:1, 1,1:1 et 2,5:1.

Bai Jamjuree

Bai Jamjuree est la police unique d’Ariovis. Elle est auto-hébergée, aucune requête ne part vers un service externe.

Graisses

400 · Regular
Sécurité des identités et des accès
500 · Medium
Sécurité des identités et des accès
600 · SemiBold
Sécurité des identités et des accès
700 · Bold
Sécurité des identités et des accès

Échelle typographique

.t-display
Titres de hero
Sécurité meets Business
.t-h1
Titre principal d’une page
Titre de page
.t-h2
Titre de section
Titre de section
.t-h3
Sous-section
Sous-section
.t-h4
Titre de carte
Titre de carte
.t-lead
Intro sous un titre
Introduction qui accompagne un titre de section.
.t-body
Corps de texte
Corps de texte courant, lisible en paragraphes longs.
.t-small
Métadonnées, légendes
Métadonnées et légendes courtes.
.t-caption
Étiquettes, filets d’intro
Étiquette de section

Règles

Bai Jamjuree est la seule police du site.
Ne pas utiliser DM Sans ni Inter.
Ne pas mélanger plusieurs familles.
Pas plus de trois tailles dans une même mise en page.
Alignement à gauche par défaut.

Les motifs

Le motif carte mère reprend le langage géométrique du logo : des tracés à angles chanfreinés à 45 degrés. Il sert de fond discret, jamais d’élément principal.

ariovis-pattern-02.svg

ariovis-pattern-03.svg

Règles

Opacité maximale : 10 % en thème clair, 14 % en thème sombre.
Un motif par section au maximum.
Ne jamais le répéter en tuile.
Ne jamais l’animer.
Ne jamais le placer derrière un paragraphe.

Ce qu’on n’utilise jamais

Cadenas, boucliers, clés génériques
Hackers encapuchonnés, matrices, code vert
Fausses interfaces de cybersécurité
Banques d’images clichées
Visages générés
Glassmorphism, glow, néon
Dégradés sur du texte ou des boutons
Effets 3D

Ces éléments sont l’inverse de ce qu’Ariovis dit de son métier. La sécurité des identités n’est ni un coffre-fort ni une menace abstraite : c’est un travail d’organisation.