Aa
#05030FVoid
Fond principal. Une scène sombre pour le personnage et la lumière.
--voidANIVATAR / IDENTITÉ VISUELLE DU SITE WEB
Brandbook.
L’intelligence prend du caractère.
Couleur, typographie, lumière et règles qui les unissent dans un même langage.
01 / ANIVATAR
L’intelligence. Avec du caractère.
Anivatar donne à la technologie un visage, une voix et la capacité d’agir. L’humain reste au centre de l’expérience.
PRINCIPE DIRECTEUR
Contraste
maîtrisé.
L’humain et la machine. L’obscurité et la lumière spectrale. Une typographie monumentale et des descriptions sobres et lisibles. Chaque écran a un moment visuel dominant.
Alive
Présente et réactive.
Bold
Audacieuse dans les proportions et dans les mots.
Intelligent
Précise et consciente de son objectif.
Human
Proche des personnes.
Unexpected
Surprenante par ses changements de rythme.
02 / ANIVATAR
La couleur a son rôle.
La palette principale du site. Chaque échantillon présente une couleur, sa valeur HEX et son usage. Les accents saturés attirent le regard sur l’essentiel.
Aa
#0B0824Deep Space
Panneaux, galeries et surfaces secondaires.
--deep-spaceAa
#F7F5FFGhost
Texte principal sur fond sombre.
--ghostAa
#C9C5D6Mist
Descriptions, légendes et textes secondaires.
--mistAa
#7226FFElectric Violet
Identité de marque, énergie et accents lumineux.
--violetAa
#F042FFHyper Magenta
Expression, voix et temps forts visuels.
--magentaAa
#87F5F5Plasma Cyan
Actions principales, états actifs et focus clavier.
--cyanAa
#C8FF2EAcid Lime
Un bouton de contact mis en avant et un accent pour les appels à l’action.
Accents et surfaces du site
Electric Blue
#225CFFDégradés pour les titres et éclairage des scènes.
Laser Blue
#00CFFFL’accent VATAR dans le logo et les détails lumineux.
Ultraviolet
#3A00FFUn accent spectral supplémentaire.
Signal Blue
#245BFFModules technologiques et flux de données.
Scène claire
#FBFDFFUne surface contrastée pour le manifeste.
Erreur
#FF4F68Une couleur sémantique d’erreur, toujours accompagnée d’un message.
Couleurs complémentaires des directives de marque : Night Indigo #160078, Soft Photon #F4F3F8, Ink #0B0913 et Solar Orange #FF5A36. Ces couleurs pourront être utilisées dans de futures scènes et supports ; les couleurs principales du site actuel figurent ci-dessus.
65%Fond
25%Images et surfaces neutres
10%Accent
03 / ANIVATAR
Trois polices de caractères. Une seule voix.
Le site utilise Space Grotesk, Manrope et Oxanium. Chaque police a un rôle défini, tandis que sa taille s’adapte à la largeur de l’écran.
01 / TITRAGE
Space Grotesk
Titres, grands chiffres et logo. Messages courts, grandes dimensions et rythme serré. Graisse dominante : 600.
Une IA qui
vous regarde dans les yeux.
Aa Bb 0123456789
Ą Ć Ę Ł Ń Ó Ś Ź Ż · ą ć ę ł ń ó ś ź ż
02 / BODY & UI
Manrope
Paragraphes, formulaires et boutons. Texte courant : graisses 400–500. Mises en valeur et actions : 600–700. Interligne confortable et bonne lisibilité.
La technologie commence par le dialogue.
Nous créons des personnages numériques qui écoutent, répondent et aident à agir. Portez ce vieux whisky au juge blond qui fume.
Aa Bb 0123456789 · À Â Ç É È Ê Ë Î Ï Ô Ù Û Ü Ÿ
03 / ACCENT TECHNIQUE
Oxanium
Index, microétiquettes, états et navigation principale. Capitales, espacement des lettres accru et graisses de 500 à 600.
VOIX / HUMAIN / IA
Système 01 - 08
Aa Bb 0123456789
Ą Ć Ę Ł Ń Ó Ś Ź Ż · ą ć ę ł ń ó ś ź ż
L’échelle typographique est fluide. Les grands titres occupent la scène ; les paragraphes gardent une largeur confortable et un interligne d’environ 1,6. Sur téléphone, les titres disposent d’un interligne plus généreux afin que les signes diacritiques polonais restent entièrement visibles. Un dégradé souligne un seul court segment du titre.
04 / ANIVATAR
La signature de la marque.
Le logo original d’Anivatar associe un profil humain à un signe fluide aux couleurs du spectre. Nous utilisons sa version claire ou sombre selon le fond.
Gardez
Conservez le logo sur une seule ligne, respectez ses proportions d’origine, choisissez un fond lisible et laissez de l’espace autour du signe. Utilisez la même graphie dans l’en-tête et le pied de page.
Éviter
Évitez d’étirer le logo, de changer sa police, d’utiliser des couleurs arbitraires ou d’ajouter des effets. Ne placez pas le symbole sur le visage d’un personnage ni sur une image chargée.
05 / ANIVATAR
La lumière révèle la personnalité.
Le dégradé agit comme une source de lumière : sur le personnage, en halo ou sur un court passage du titre. Les textes plus longs restent d’une seule couleur.
Signature Spectrum
Le dégradé principal de l’identité visuelle.
115° · #7226FF → #F042FF (44%) → #87F5F5Spectre des titres du site
Une variante utilisée dans les titres des pages intérieures.
90° · #225CFF → #F042FF → #87F5F5
Proche des personnes.
Un regard intentionnel, un cadrage serré et de l’espace pour la typographie. Deux températures de lumière mettent le visage en valeur, tandis qu’un liseré lumineux le détache du fond.
Photoréalisme et stylisation peuvent coexister. Le cadrage, l’éclairage et la présentation assurent la cohérence.
Les motifs comprennent la lumière autour du personnage, le champ vocal et la ligne de balayage. Des icônes géométriques accompagnent des libellés clairs.
06 / ANIVATAR
L’espace est important.
Une grille souple de 12 colonnes, des lignes techniques et un rythme variable : une grande scène, une description sobre, puis un nouvel accent fort.
010203040506070809101112
Marges et rythme
Sur les grands écrans, la marge latérale représente généralement 4 % de la largeur, avec un minimum de 24 px et un maximum de 72 px. Sur téléphone, elle est le plus souvent de 20 px. Contenus et boutons restent toujours dans la zone sûre.
Formes et hiérarchie
Une action unique prend la forme d’un bouton arrondi. Le choix entre plusieurs options utilise un rectangle aux angles droits. Cette règle s’applique aussi aux cas d’usage, à la galerie, au brief et au chat. Les modules de contenu restent plats ; sur téléphone, les colonnes deviennent une séquence lisible.
07 / ANIVATAR
Les actions sont claires.
Chaque action porte un libellé clair. La couleur, le contour et le mouvement en renforcent le sens ; le focus clavier indique l’élément actif.
ACTIONS UNIQUES / ARRONDIES
Découvrez les personnages
Action principale / Plasma Cyan + Void
Lancer un projet
Contact / Acid Lime + Void
Découvrir les couleurs
Action secondaire / contour discret
CHOIX D’OPTIONS / RECTANGULAIRE
Contraste et accessibilité
Ghost et Mist sur Void. Texte sombre sur Cyan, Magenta et Lime. Texte clair sur Electric Violet. Nous indiquons toujours un état par un mot ou une icône, même lorsque sa couleur change.
Mouvement intentionnel
Réaction du bouton : 180 ms. Durées recommandées pour l’apparition des textes : 450 à 800 ms ; pour les changements de scène : 700 à 1 400 ms. Le mouvement confirme une action ou un changement d’état. La préférence pour les animations réduites désactive les effets inutiles.
08 / ANIVATAR
Nous parlons concrètement.
Des phrases courtes et affirmées. Des verbes plutôt que du jargon. Nous décrivons la technologie par ce qu’elle permet aux personnes de faire.
Une seule personnalité.
Chaque canal.
Le ton d’Anivatar
« Une histoire qui répond. »
« Une maison qui comprend plus que des commandes. »
« Les connaissances techniques exactement là où il faut. »
Le principe de la communication
Nous relions la vision aux usages concrets. Nous expliquons à qui nous apportons notre aide et comment. Nous évitons les superlatifs creux, les statistiques non étayées et les promesses de remplacer les personnes.