ADN de marque
La fondation : ce qui rend AURA Agency singulière.
Positionnement
AURA Agency conçoit des Business Brain, des agents IA, des automatisations et des plateformes sur mesure pour les PME et ETI. Un partenaire stratégique, pas un prestataire : l'exigence d'un cabinet de conseil, la maîtrise d'un studio d'ingénierie.
Mission
Mettre l'intelligence artificielle au service de l'excellence opérationnelle des dirigeants, avec la discrétion et la rigueur que leurs enjeux exigent.
Promesse
L'intelligence discrète au service de l'excellence opérationnelle.
Valeurs
Expertise : une profondeur technique réelle, démontrée, jamais survendue.
Confiance : la fiabilité d'un partenaire à qui l'on confie l'essentiel.
Discrétion : le travail parle, pas les effets.
Excellence : chaque livrable au niveau d'un projet à six chiffres.
Personnalité
Si AURA était une présence : un associé senior qui écoute plus qu'il ne parle, précis dans chaque mot, et dont le calme inspire immédiatement confiance.
AURA Agency est
- Un cabinet d'ingénierie IA haut de gamme
- Un partenaire de transformation pour dirigeants
- Une maison de précision : mesure, méthode, résultat
- Un luxe contemporain : rare, calme, exact
AURA Agency n'est pas
- Une startup flashy ni une agence marketing
- Un univers cyberpunk, néon ou « dark tech »
- Un vendeur de promesses génériques sur l'IA
- Un prestataire low-cost interchangeable
Direction artistique
Une écriture éditoriale claire : l'encre, le blanc, et presque rien d'autre.
Intention
Inspirer immédiatement expertise, confiance et sophistication. Le visiteur doit sentir qu'un projet à plusieurs centaines de milliers d'euros peut être confié à AURA.
Registre visuel
Clair dominant, espace blanc généreux, grilles strictes, hairlines, aplats nets. Une encre violette profonde en ponctuation « statement ». Design éditorial, pas SaaS.
Ce qu'on écarte
Glows, néons, gradients pleine page, fonds quasi-noirs systématiques, violet SaaS saturé, rose et orange en aplats, coins très arrondis, ombres lourdes.
Matière & lumière
Du papier plus que de l'écran : fonds blancs et gris porcelaine, filets fins, lumière naturelle. Le rose et l'abricot n'apparaissent qu'en micro-touches : un filet, un état interactif, un détail précieux. Le seul gradient autorisé est le filet aura, hérité du logo :
Références
Apple pour la hiérarchie typographique et la retenue. Linear et Vercel pour la précision d'interface. Stripe Press pour le registre éditorial. McKinsey Digital et les cabinets d'avocats premium pour la gravité institutionnelle. On leur emprunte la discipline, jamais le décor.
Logo
La signature AURA, conservée, mais gouvernée par une règle nouvelle : le monochrome par défaut.
Blanc sur Encre
L'usage de référence. Sur fond Encre ou Nuit : hero, footer, supports de marque.
Encre sur clair
L'usage courant sur fonds blancs et porcelaine : navigation, documents, signatures.
Dégradé · réservé
Usage cérémoniel uniquement : avatar, favicon, couverture. Sa rareté fait sa valeur.
Zone de protection : marge minimale = hauteur du A.
Taille minimale : 120 px à l'écran / 30 mm imprimé.
Fonds : jamais sur photo chargée ni sur aplat rose ou abricot.
À éviter
- Déformer, incliner, étirer
- Recolorer hors des trois variantes
- Ombre portée, contour, effet
- Recomposer typographiquement le mot AURA
Palette
4 couleurs de marque sur des neutres froids. Le reste n'est que nuances.
Pourquoi ces couleurs
Encre descend du violet historique, désaturé jusqu'au registre du costume sombre : elle porte l'autorité sans le néon. Nuit l'approfondit pour les fonds immersifs. Rose et Abricot sont les héritiers directs du dégradé du logo, assagis pour ne vivre qu'en détail précieux.
Règle de dosage
Sur une page type : ~90 % de neutres, ~8 % d'Encre et de Nuit, ~2 % d'accents. Le rose et l'abricot ne couvrent jamais une surface : un filet, un mot, un état, rien de plus.
Nuances d'usage
Palette naturelle / étendue
Couleurs sémantiques
Rôles neutres & alias
Typographie
Une seule famille : Inter, l'équivalent web de SF Pro. La hiérarchie se joue en taille, graisse et tracking.
Inter · titres & display
Graisses 500 · 600 Tracking −0.02 à −0.03 em
Inter · corps & interface
Graisses 400 · 500 Fallback -apple-system / SF Pro / Arial
Composants
Interface. Tout dérive des tokens ; rien ne s'invente au cas par cas.
Boutons
Primaire fond Encre, hover Nuit · Secondaire contour Encre, hover inversé · Lien souligné du filet rose. Un seul bouton primaire par écran.
Badges
Formulaire & messages
Carte
Agent de qualification commerciale
Qualification automatique des demandes entrantes, brief structuré livré à l'équipe chaque matin.
Fond blanc sur page porcelaine
Bordure hairline, renforcée au survol
Ombre aucune par défaut : l'élévation est réservée aux surcouches (menus, modales)
Rayon 2 px, francs
Tableau
| Mission | Secteur | Durée | Gain mesuré |
|---|---|---|---|
| Business Brain direction | Négoce B2B | 12 sem. | −38 % de temps admin |
| Agent qualification leads | Services | 6 sem. | +27 % de RDV qualifiés |
| Plateforme opérations | Industrie | 16 sem. | −52 % d'erreurs de saisie |
Navigation & footer
Navigation : claire, fixe, hairline en base. Logo Encre à gauche, liens Body S, un seul bouton primaire à droite. Jamais de fond sombre en navigation courante.
Footer : le grand moment sombre de la page : fond Nuit, logo blanc, texte en violet grisé. C'est là que vit le « fond principal violet foncé » de la marque.
Système
Grille, espacement, rayons, ombres, motion : le rythme.
Grille
12 colonnes, largeur maximale 1280 px, gouttières 24–32 px, marges latérales fluides (clamp 20→56 px). Les sections respirent : 96 à 160 px d'espacement vertical entre elles. Le contenu texte ne dépasse jamais 64 caractères par ligne.
Espacement · base 4 px
Border radius
Usage : XS (2 px) pour boutons, champs, cartes : le rayon franc est la signature formelle. M–L réservés aux surcouches. Jamais de pill sur un bouton.
Ombres
Par défaut : aucune. La hiérarchie se fait par les hairlines et l'espace. Les ombres (xs → xl, teintées d'encre, jamais noires pures) sont réservées aux éléments flottants : menus, popovers, modales.
Motion
fast 160 ms hover, focus, micro-interactions
base 240 ms transitions d'état, accordéons
slow 400 ms ouvertures, apparitions de section
standard (.4, 0, .2, 1) · défaut
emphasized (.2, .7, .2, 1) · entrées de section
Respect strict de prefers-reduced-motion.
Apparitions au scroll : translation verticale de 12–16 px + fondu, 400 ms, décalage de 60 ms entre éléments d'un même groupe. Une seule fois, jamais en boucle.
Hover : changement de bordure ou de fond, jamais de scale ni de rebond. Sobriété : si l'animation se remarque, elle est trop présente.
Imagerie
Icônes, illustrations, photographie : rares, choisies, jamais décoratives.
Iconographie
Trait fin 1.5 px, géométrique, monochrome Encre ou gris texte, grille 24 px. Registre SF Symbols / Lucide. Jamais d'icônes pleines colorées, jamais d'emoji dans l'interface.
Illustrations
Schémas techniques épurés : filets, diagrammes hairline, données mises en forme. L'illustration explique, elle ne décore pas. Aucun robot, aucun cerveau lumineux, aucune imagerie IA générique.
Photographie
Lumière naturelle, cadrages architecturaux, matières réelles : bureaux, mains au travail, détails d'objets. Désaturée, contraste doux. Jamais de banque d'images « équipe souriante autour d'un laptop ».
Traitement des visuels
Les photos peuvent recevoir un léger voile Encre (multiply 8–12 %) pour s'accorder à la palette. Le texte n'est jamais posé sur une photo sans zone calme ou voile sombre garantissant le contraste AA.
Dataviz
Fond blanc, axes hairline, une seule série en Encre ; le rose n'intervient que pour la donnée mise en exergue. Chiffres en tabulaire, unités en Caption.
Accessibilité
Le premium se mesure aussi là : rien d'illisible, rien d'inutilisable.
Contrastes
Corps de texte ≥ 4.5:1 (vérifié : 13.4:1 sur fond page), texte secondaire ≥ 4.5:1, grands titres ≥ 3:1. Le rose et l'abricot ne portent jamais de texte courant : ils sont décoratifs ou associés à un libellé en Encre.
Focus & clavier
Tout élément interactif a un état focus visible (bordure Encre + halo violet 100). La navigation clavier suit l'ordre de lecture. Les zones cliquables font au minimum 44 × 44 px.
Typographie
Jamais de paragraphe sous 15 px. Interlignage ≥ 1.5 pour le corps. Pas de texte justifié, pas de capitales sur plus d'une ligne.
Motion & média
prefers-reduced-motion désactive toutes les animations non essentielles. Toute image porte un alt descriptif ; les vidéos sont sous-titrées.
Recommandation
L'essentiel.
Les couleurs : une encre violette profonde sur des pages blanches : le violet AURA est devenu une matière institutionnelle, et le rose comme l'abricot n'existent plus qu'en détail précieux.
La typographie : Inter seule, tenue par une hiérarchie stricte : c'est la retenue typographique qui fait le luxe, pas l'ornement.
Le parti pris : ressembler à la maison de conseil que l'on engage pour un projet à six chiffres : espace, précision, silence visuel. Quand on hésite, on retire.