Elevale Marque

Principes, actifs et références.

Fondations de marque

Valeurs de la marque

Ces principes guident nos décisions en matière de produits, de marketing et notre façon de nous présenter aux équipes dirigeantes. Ils sont non négociables dans nos communications externes.

L'alignement plutôt que l'activité

Les équipes occupées ne sont pas forcément des équipes alignées.

Nous parlons de direction partagée, de liens entre les OKRs et de progrès que le conseil d'administration peut constater, et non d'agitation pour le simple plaisir de s'agiter.

La clarté plutôt que le bruit

Les dirigeants devraient pouvoir se concentrer sur l'essentiel sans avoir à se perdre dans un tableau de bord complexe.

Nous réduisons la fragmentation : un seul centre de commandement pour la direction, les indicateurs et l’exécution. Le langage reste clair et précis.

Les preuves plutôt que les opinions

Les décisions doivent se fonder sur des données en temps réel, et non sur des exportations obsolètes.

Nous mettons l'accent sur les KPIs, les journaux de modifications et les connaissances concrètes en matière d'IA, des preuves sur lesquelles la direction peut agir, et non sur des promesses en l'air ou des conjectures.

Conçu pour le leadership

Exécution de niveau entreprise sans la complexité du niveau entreprise.

Nous respectons les directeurs et les opérateurs : rigueur en salle de réunion, facilité d’utilisation pour le terrain et gouvernance sans bureaucratie.

Fondations de marque

Messagerie

Ce que nous disons, à qui nous le disons et comment nous le prouvons, de manière cohérente sur tous les supports web, produits, commerciaux et partenaires.

Elevale est la plateforme d'exécution stratégique qui transforme la direction en OKR, en KPI en direct et en alignement d'équipe, pour les directeurs d'entreprise qui veulent de la clarté et une direction, pas du chaos.

Catégorie

Plateforme d'exécution stratégique, et non un outil de gestion de projet générique ou un tableau de bord de BI de plus. Les tâches, les indicateurs de performance (G0) et les indicateurs clés de performance (G1) sont centralisés dans un seul système, ce qui permet de maintenir la cohérence entre la direction, le travail quotidien et les données probantes, au lieu de les disperser dans différentes applications.

Public

Les directeurs, fondateurs et équipes dirigeantes d'entreprises multisites ou en pleine croissance. Ils définissent la stratégie, effectuent des évaluations et ont besoin que l'entreprise avance de manière cohérente, sans multiplier les logiciels inutilement.

Promesse

Transformez votre stratégie en une exécution que votre équipe dirigeante peut voir et piloter : une orientation concrète, des objectifs mesurables, des indicateurs en temps réel et une IA qui analyse votre entreprise, et non le web ouvert.

Preuve

Affirmations fondées sur la réalité du produit : OKRs liés aux tâches, KPIs en direct, journaux de modifications d'entreprise, Otto ancré dans les données de l'espace de travail et résultats reconnus par les directeurs (alignement, moins d'angles morts, revues plus rapides).

Flux de messages

Dans les sections principales et les sections d'atterrissage, racontez l'histoire en trois temps : commencez par une accroche qui nomme la tension, montrez comment Elevale la résout, puis invitez à la suite. Il s'agit de l'ordre narratif, et non d'une spécification typographique. Les styles des titres, du corps du texte et des boutons se trouvent dans Typographie et Modèles d'interface utilisateur.

  1. Défi Un crochet acéré, pas un paragraphe

    Vous avez approuvé le plan. Demandez ce qui est prévu pour aujourd'hui et le silence se fait.

  2. Résolution Comment Elevale modifie l'image

    Un seul centre de commande relie la direction, les OKRs, les KPIs en direct et les tâches quotidiennes afin que votre équipe dirigeante puisse voir les progrès et diriger sans un autre labyrinthe de tableaux de bord.

  3. Appel à l'action La prochaine étape que vous souhaitez qu'ils franchissent

    Commencez votre essai gratuit de 14 jours

Langage de messagerie

  • Utilisation : centre de commandement, exécution stratégique, orientation, alignement, KPIs en direct, preuves, équipe de direction
  • À éviter : solution miracle tout-en-un, rupture, IA révolutionnaire, meilleur de sa catégorie, synergie
Fondations de marque

Ton de la voix

Notre discours, lorsque valeurs et messages se rencontrent, est empreint d'assurance, de franchise et de pragmatisme. Il s'adresse aux dirigeants qui recherchent la clarté, pas le jargon.

Clair

Expliquez clairement le rôle de Elevale et son importance. Phrases courtes. Noms concrets. Pas d'adjectifs superflus.

Décisif

Privilégiez la prise de parole active et des résultats que les dirigeants peuvent visualiser : des évaluations qui reflètent la réalité, des objectifs que les équipes peuvent s’approprier, des indicateurs mis à jour en temps réel.

Humain

Reconnaissez les véritables difficultés : outils fragmentés, stratégie présentée sous forme de diapositives incompréhensibles, évaluations basées sur les chiffres du mois précédent. Proposez ensuite une solution crédible.

Échantillon conforme à la marque

Transformez votre stratégie en actions concrètes visibles par votre conseil d'administration.

Elevale connecte vos directions, OKR et KPI en direct dans un seul centre de commande, afin que les dirigeants passent moins de temps à concilier des feuilles de calcul et plus de temps à piloter l'entreprise.

Choix des mots

  • Utilisation : clarté, exécution, direction, alignement, preuves, ancrage, leadership
  • Évitez : synergie, perturber, révolutionnaire, meilleur de sa catégorie, tirer parti (en tant que verbe), utiliser

Par canal

  • Site web marketing : axé sur les titres, les preuves et un minimum de points d’exclamation.
  • Interface utilisateur du produit : libellés concis, états vides utiles, pas de superflu marketing dans les flux de travail.
  • Ventes et présentations : même promesse que le site : se développer grâce aux témoignages clients, sans jamais contredire son positionnement.
Fondations de marque

Otto

Otto est une loutre : conseiller stratégique IA et emblème de la marque Elevale. Il n’est pas un porte-parole humain. Il doit toujours représenter une solution, et non un problème, et apporter clarté, énergie et joie avec un objectif précis.

Otto la loutre, conseiller stratégique en IA et personnage emblématique de Elevale

Ce qu'Otto représente

Clarté, énergie et joie, jamais une mascotte, jamais un accessoire.

Il est l'incarnation de notre conseiller stratégique IA : une loutre qui rend les conseils pragmatiques accessibles. C'est un partenaire de réflexion aligné sur votre orientation stratégique, vos indicateurs clés de performance (G1 et G2), votre base de connaissances et le contexte du marché. Chaque intervention doit indiquer la voie à suivre : un briefing plus clair, un obstacle surmonté, une dynamique positive passant de l'analyse à l'action, et non le chaos initial.

Dans le produit

Otto est le conseiller stratégique IA intégré à la plateforme : messagerie vocale et écrite, références en temps réel aux KPI et OKR, et aide à transformer les informations en orientations, objectifs et tâches actualisés. C’est le conseiller de référence pour toutes les questions, des plus simples aux plus complexes : pragmatique, concret et toujours en lien avec les données de l’espace de travail.

En matière de marque et de marketing

Sur le site web et dans les communications, Otto apparaît lorsqu'il peut démontrer une solution : présentation du centre de commande, démonstration de l'impact de la clarté, ou mise en avant d'une IA qui comprend les enjeux métiers. Pas une mascotte en marge de la page. Pas un simple accessoire au service d'un marketing creux. L'objectif avant tout.

Dans les campagnes

Dans ses campagnes, Otto privilégie la clarté stratégique, l'exécution et une IA ancrée dans le réel, sans jamais tomber dans l'humour ni personnifier le problème. Il met en avant l'émergence d'une nouvelle orientation, le déblocage des décisions et la capacité des dirigeants à trouver des réponses sans recourir à un autre tableau de bord. Visuels approuvés uniquement.

Contacter l'équipe pour approbation Toute utilisation d'Otto, que ce soit pour des présentations internes, des publicités externes, les réseaux sociaux ou les supports de partenaires, nécessite l'approbation de la marque avant publication.

Lignes directrices

Ce

  • N'utilisez Otto que lorsqu'il représente une solution : clarté, conseils judicieux, énergie ou élan permettant de passer de l'intuition à l'action.
  • Incluez-le lorsque la narration Elevale a besoin d'un guide clair vers la réponse : vision, preuve, IA qui connaît votre entreprise, et non des blagues sur des fonctionnalités isolées.
  • Qu'il apporte clarté, énergie et joie. Spirituel, direct et sûr de lui comme la voix de Elevale, jamais sarcastique, chaotique ou enfantin.
  • Utilisez les illustrations Otto approuvées du kit de marque. Ne redessinez pas, ne recolorez pas et n'étirez pas le personnage.
  • Impliquez l'équipe marketing dès le début des campagnes, des produits dérivés ou des réseaux sociaux afin que l'utilisation reste intentionnelle.

Pas ça

  • Ne présentez pas Otto comme le problème : la confusion, l’échec, le chaos ou la misère « d’avant Elevale ». Il montre la solution, non la souffrance.
  • Ne le traitez pas comme une mascotte. Pas d'apparitions en clipart, pas de sourires à côté de textes qu'il ne soutient pas, pas de fond d'écran à son effigie.
  • Ne l'utilisez pas comme accessoire. Pas de pancartes vides, pas de désignation d'offres sans rapport avec le produit, ni de remplissage d'espace parce que l'agencement paraît vide.
  • Ne l'utilisez pas comme élément de remplissage, fond d'écran ou décoration de type emoji sans message.
  • Ne l'intégrez pas à des documents techniques, des pages juridiques ou des contextes qui contredisent un positionnement de niveau direction.
  • Ne créez pas de nouvelles poses, de nouveaux costumes ou de nouveaux messages sans autorisation, même pour les diapositives internes.
  • Ne modifiez pas son apparence, ses proportions ni son association avec des logos ou des marques partenaires non approuvés.
Logo

Le logo par défaut Elevale (logo + logotype) est composé d'un seul fichier. Le slogan est un texte marketing distinct. Nous l'utilisons fréquemment sur le site, mais il ne fait pas partie du logo.

Éléments du logo

Utilisez ces noms de manière cohérente dans les briefs, les présentations et le kit de marque. Lorsque nous parlons du logo Elevale, nous faisons référence au cadenas, sauf si nous demandons explicitement le logo seul.

Éléments du logo
Elevale lockup: logo mark and wordmark
Logo
Les carrés roses et violets imbriqués à gauche.
Logotype
Le nom Elevale en Coolvetica Condensed à droite.
Verrouillage
Logo et nom de marque réunis. Ceci est le fichier logo par défaut.

Slogan

La stratégie qui ne meurt jamais

Placement typique sur un héros

Il apparaît souvent au-dessus du titre principal. Évitez de l'inclure dans les fichiers de logo exportés, sauf si la marque approuve une configuration personnalisée.

Que signifie le logo ?

Le logo est composé de deux carrés décalés et imbriqués. Ils évoquent des modules distincts qui ont choisi de se rejoindre : là où existait un fossé entre stratégie et exécution, entre les paroles des dirigeants et les résultats concrets de l’entreprise, une connexion délibérée s’est instaurée. Ni flou, ni envahissement, mais une connexion tangible.

Le point clé est le chevauchement. C'est sur cette arête commune que réside Elevale.

De la déconnexion à l'effort collectif

D'un côté, des tableurs, de l'autre, des avis basés sur les exportations du mois précédent. Le logo, à l'inverse, présente deux plans qui s'alignent parfaitement, évitant ainsi toute contradiction dans la communication publique de l'entreprise.

La couture est le centre de commandement

L'espace partagé n'est pas un élément décoratif. C'est le point de convergence des objectifs, des indicateurs et de l'action d'équipe. Elevale est le produit issu de cette intersection : une surface unique pour la direction, la mesure et le suivi.

Entrelacés, toujours en mouvement

Le décalage suggère une progression harmonieuse. La stratégie n'entrave pas les opérations ; les données ne pénalisent pas les personnes. Les éléments avancent de concert, à l'image de priorités qui finissent par converger.

Élévation à la jonction

Elevale prend son essor à ce carrefour. L'alignement n'est pas une simple affiche ; c'est le moment où l'organisation s'élève au-dessus du brouhaha ambiant, car intention et preuves convergent. Le logo est discret. L'idée, elle, est immense.

Rose et violet dans le logo

Le rose et le violet ont chacun un rôle à jouer dans la marque. Le rose est chaleureux : il évoque la direction, l’élan et la volonté de décider. Le violet est froid : il symbolise les preuves, la structure et les éléments concrets sur lesquels s’appuyer. Il est important de les séparer ; ils ne se rejoignent qu’à l’intersection de l’intention et de la preuve. Les règles HEX, RGB et d’interface utilisateur se trouvent dans les Couleurs de base.

  • Rose

    Direction et élan

    #E20F7A --pink

    Un magenta chaleureux, empreint d'une énergie limpide. Dans le logo, il se place au premier plan : le regard s'y pose immédiatement, à l'image du leadership qui doit identifier les priorités.

    Represents L'intention avant la preuve : où va l'entreprise, quelles sont les priorités et l'énergie nécessaire pour agir.

    Dans le logo, le rose est omniprésent. Dans l'interface utilisateur du produit, il représente la couche d'action : boutons principaux, états de priorité et moments nécessitant une décision claire.

  • Violet

    Preuves et structure

    #5270F5 --purple

    Un bleu-violet calme et profond. Il se situe légèrement en retrait par rapport à la chaleur du rose et véhicule des données chiffrées, une structure et une preuve dans un ton stable et fiable.

    Represents Ce que l'entreprise peut montrer : des KPIs en direct, un travail lié, une structure et des données de pilotage auxquelles la direction peut se fier.

    Dans le logo, le violet complète ce que le rose initie. Dans l'interface utilisateur du produit, il sert à afficher des données chiffrées, à mettre en évidence la navigation et à créer des surfaces où la clarté prime sur l'esthétique.

Dimensionnement et espacement

Maintenez un espace libre égal à la hauteur du module d'angle rose sur la marque du logo (20px à la taille standard du bloc-notes) sur tous les côtés du bloc-notes.

x = hauteur du module rose d'angle du logo (20 px pour une taille standard). Conservez un espace d'au moins x px sur les quatre côtés du logo.

Espace libre minimal
Logo

Téléchargez les fichiers approuvés des bandes dessinées et du logo seul. Utilisez la bande dessinée pour le marketing ; n’utilisez le logo seul que lorsque l’espace est limité et que la marque est déjà reconnue.

Les cellules de sécurité

logo uniquement

Pour les favicons, les icônes d'application, les avatars et l'interface utilisateur compacte. Les fichiers de vignettes d'application incluent le fond coloré ; ne les recadrez pas et ne les recolorez pas.

Logo

Usage

Utilisez le marquage en couleur sur fond clair et le marquage inversé sur fond foncé. Sur les photos ou les surfaces chargées, ajoutez une couche de couleur unie ou passez au marquage inversé pour que la marque reste lisible.

Antécédents approuvés

Lumière
Sombre

Choses à éviter

Ne pas étirer ni déformer

N'ajoutez pas de contours.

Ne faites pas tourner le verrou.

Ne pas placer sur des fonds chargés sans contraste

Veuillez maintenir un espace dégagé.

Couleur

Couleurs principales

Le rose et le violet se complètent, ils ne sont pas interchangeables. Le rose attire l'attention sur la direction et l'action ; le violet, quant à lui, révèle la réalité opérationnelle sous-jacente. Les couleurs neutres jouent un rôle essentiel dans l'interface utilisateur et les textes longs.

Comment ils travaillent ensemble

Utilisez le rose pour mettre en avant une action prioritaire ou une dynamique. Utilisez le violet pour illustrer une structure, des indicateurs ou la confiance à travers les données. Le dégradé rose-violet est réservé aux bannières principales et aux bannières premium. Voir Dégradés.

Marque rose

Rose de la marque. Direction, appels à l'action et carré principal du logo. Ne pas modifier la teinte ni la saturation.

#E20F7A rgb(226 15 122) --pink

Marque violette

Violet de la marque. Preuve : structure de l’interface utilisateur du produit et carré final du logo. Ne pas modifier la teinte ni la saturation.

#5270F5 rgb(82 112 245) --purple

lumière rose

#FCE4F1 rgb(252 228 241) --pink-light

lumière violette

#EEF0FE rgb(238 240 254) --purple-light

Sombre

#111318 rgb(17 19 24) --dark

Noir

#0A0A0A rgb(10 10 10) --black

Blanc

#FFFFFF rgb(255 255 255) --white

Blanc cassé

#F9FAFB rgb(249 250 251) --off-white

Couleur

Dégradés

Les dégradés fondent le rose dans le violet : même principe que pour le logo, mais en continu. Utilisez-les avec parcimonie sur les titres, les appels à l’action et les bannières marketing premium, jamais derrière le texte courant.

Dégradé de marque sombre

#0D1117 · rgb(13 17 23) #111827 · rgb(17 24 39) #1A1040 · rgb(26 16 64)

Du rose au violet

#E20F7A · rgb(226 15 122) #5270F5 · rgb(82 112 245)
Typographie

Affichage : Coolvetica Condensed

Télécharger Coolvetica

Titres principaux, en-têtes et étiquettes de section. Utilisez la casse de phrase pour le marketing ; évitez les majuscules sauf pour les étiquettes courtes.

Exécution stratégique, clairement expliquée

Typographie

Corps : Satoshi

Télécharger Satoshi

Texte principal, étiquettes d'interface utilisateur et textes d'accompagnement. Les polices 400, 500 et 700 sont approuvées.

Une seule plateforme pour la direction, les KPIs, les OKRs et l'alignement des équipes.

Imagerie

Photographie

La photographie est intégrée à l'interface utilisateur, aux diagrammes et aux supports marketing. Elle est utilisée pour les visuels phares des campagnes, les maquettes d'interface, les photos de vie au travail et d'équipe, ainsi que pour les avatars intégrés aux écrans d'application (chronologies, organigrammes, étiquettes des responsables). Chaque image doit soutenir la stratégie et sa mise en œuvre grâce à un texte clair, aux couleurs de la marque et au contexte.

Là où la photographie apparaît

La photographie de production comprend les images de campagne, les maquettes d'interface utilisateur, les photos de lieu de travail, les portraits d'équipe et les avatars d'interface utilisateur. Chaque type a ses propres règles de dimensionnement et d'approvisionnement, détaillées ci-dessous, ainsi qu'une courte liste des éléments à ne pas diffuser.

Campagne et lancement créatif

Associez une personne ou un personnage de marque approuvé à une scène composée : bande de couleur ou dégradé, titre et interface utilisateur du produit au premier plan. La chaleur et la crédibilité proviennent de l’aspect humain ; la preuve, de l’interface. Les découpes peuvent dépasser de la bande si la lisibilité reste optimale.

Maquettes d'interface utilisateur et scènes de produit

Créez des interfaces graphiques stylisées et des scènes composées, et non des photos de matériel spécifique (pas de bordures d'iPhone, de MacBook ou d'autres appareils de marque). Utilisez des formes d'écran neutres, des cartes superposées ou des cadres abstraits pour que les visuels restent modernes même après le renouvellement des produits. Intégrez des photos à l'interface utilisateur lorsque cela enrichit le propos ; veillez à ce que le texte et les cartes restent lisibles. Utilisez des images sources en pleine résolution ; n'étirez pas les extraits basse résolution.

Photographie de lieux de travail et de bureaux

Pour les pages « À propos », les rubriques culturelles, les carrières et les articles, privilégiez la lumière naturelle, les espaces authentiques et les équipes diversifiées aux images génériques de bureaux. Ajoutez un fond uni ou dégradé lorsque le texte est superposé à l'image.

Portraits d'équipe et de leadership

Utilisez des portraits accessibles et des photos de petits groupes pour mettre en avant le leadership, la crédibilité et les contenus partenaires. Privilégiez des tenues neutres ou en accord avec votre image de marque. Intégrez l'interface produit ou les titres de vos photos lorsqu'elles s'inscrivent dans une campagne, et non comme simple photo de profil isolée.

Avatars dans l'interface utilisateur du produit

Utilisez des portraits recadrés à la taille d'un avatar (environ 24 à 40 px) dans les chronologies, les organigrammes, les étiquettes d'attribution et les colonnes de preuve sociale. Utilisez uniquement les recadrages d'avatar approuvés du kit de marque à cette taille. N'agrandissez jamais les fichiers d'avatar pour les héros ou les groupes de campagne.

Ne pas utiliser

Grilles de portraits aléatoires, photos de poignées de main, images pleine page sans contexte produit ni message, ou maquettes bloquées sur des appareils grand public reconnaissables : la photographie doit expliquer la plateforme, présenter des réalisations concrètes ou appuyer le titre. Si ce n’est pas le cas, privilégiez les graphismes ou l’interface utilisateur.

Composition de style campagne

Les visuels de lancement et de campagne associent une personne réelle ou un personnage de marque à une fiche produit sur un fond de marque audacieux. Le titre véhicule la promesse, la fiche produit en apporte la preuve, et la photographie peut déborder du bord supérieur lorsque les pieds restent ancrés au bas de la bande.

Exemple de composition. Utilisez des photographies sous licence haute résolution ou des détourages de marque approuvés, à la taille réelle de la campagne.

Bibliothèque d'avatars (taille d'affichage de l'interface utilisateur)

Recadrages approuvés pour les maquettes et l'interface utilisateur du produit uniquement. Afficher à la taille ci-dessous. Pour les campagnes, les supports de communication en entreprise ou les logos d'équipe, veuillez utiliser des photos supplémentaires en pleine résolution.

Directeur
Directeur
chef des opérations
chef des opérations
Responsable des finances
Responsable des finances
Responsable de la stratégie
Responsable de la stratégie

Qualité et livraison des fichiers

Les photos de campagne, de maquettes, d'espace de travail et d'équipe doivent mesurer au moins 1 200 px sur le côté le plus long avant l'exportation. Fournissez les formats WebP ou AVIF pour le web. Les fichiers du kit d'avatars doivent conserver leur taille d'origine réduite. Demandez une validation de la marque si vous intégrez des photos avec des logos de partenaires ou en cas de co-branding.

Imagerie

Graphiques marketing

Sur l'ensemble du site web, des pages thématiques et des campagnes, nous utilisons des cartes de style interface utilisateur, des superpositions discrètes et une palette de couleurs de marque sobre. L'objectif est d'obtenir une impression de profondeur et de clarté, et non une simple décoration.

La retenue face au bruit

Un seul visuel principal par héros ou section suffit. Laissez le texte, l'espacement et un seul groupe de cartes superposées porter le récit. Si tout crie, rien ne passe.

Couleur avec structure

Les couleurs neutres (blanc, blanc cassé, texte foncé) structurent la mise en page. Le rose et le violet apparaissent par touches : bords supérieurs des cartes, lignes des graphiques, badges et bandes dégradées sur les sections foncées. Évitez de recouvrir de grandes surfaces avec des dégradés de la marque complète derrière une interface utilisateur dense.

Profondeur par superposition

Utilisez deux ou jusqu'à trois cartes superposées, décalées, légèrement inclinées et ombrées. Deux cartes suffisent pour une histoire simple ; n'en ajoutez une troisième que pour apporter du contexte. La carte du recto porte le message ; celles du verso suggèrent des détails complémentaires.

Superpositions et panneaux

Intégrez les éléments graphiques dans les panneaux d'échantillons ou sur des fonds unis. Sur les photographies ou les bandes sombres, ajoutez un calque uni ou dégradé pour que le texte et les fiches restent lisibles. Les fiches se détachent du fond sans le concurrencer.

Recommandé

Exemple avec jusqu'à trois cartes : chaque couche comporte un titre et un élément d'interface utilisateur. La carte de devant affiche le titre principal ; les cartes de derrière sont plus claires, mais restent lisibles. Utilisez-en deux si cela suffit.

Éviter

Des grilles plates aux dégradés criards, des formes qui se concurrencent et des blocs de même épaisseur. L'ensemble paraît confus et nuit à la présentation du produit.

Usage rules

  • Utilisez deux ou trois cartes dans une pile de héros, jamais plus de trois. Arrêtez-vous à deux lorsqu'une troisième couche n'apporterait aucun contexte supplémentaire.
  • Privilégiez des tons neutres à l'intérieur des cartes. Utilisez le rose ou le violet pour une seule touche d'accent par carte (bordure, point, ligne scintillante ou badge).
  • Réservez les dégradés complets du rose au violet aux titres principaux, aux appels à l'action et aux bandes foncées. Voir Dégradés et Couleurs de base.
  • Utilisez autant que possible des modèles d'interface utilisateur de produits réels pour les graphiques des fonctionnalités et de la page d'accueil. Voir Interface utilisateur du produit.
  • Animez l'entrée avec un mouvement court et saccadé (fondu et légère élévation), et non un mouvement constant. Voir Mouvement.
  • Lorsque des illustrations Otto ou des photographies apparaissent à côté des cartes, veillez à laisser de l'espace entre elles. Ne surchargez pas la pile.
Imagerie

Interface utilisateur du produit

Télécharger le kit de marque

Commencez par utiliser des captures d'écran et des maquettes d'interface utilisateur réelles de l'application Elevale, ainsi que des visuels marketing. Vous pouvez simplifier, recadrer ou supprimer les commandes secondaires pour une meilleure lisibilité. Privilégiez des tons neutres et apaisants, le vert Satoshi pour les textes de l'interface, et le rose ou le violet uniquement pour mettre en valeur l'état, les graphiques et les actions du produit.

Real UI, simplifiée pour les besoins de l'histoire

Utilisez des mises en page, des polices et des composants authentiques Elevale. Pour le marketing, il est judicieux de simplifier l'interface : supprimez les panneaux latéraux, réduisez la navigation ou masquez les fonctionnalités non pertinentes. L'objectif est d'expliquer l'essentiel, et non d'afficher toutes les commandes à l'écran. Évitez d'intégrer des éléments d'interface utilisateur dans des fenêtres de navigateur quelconques ou de modifier les couleurs d'un modèle de tableau de bord générique pour l'adapter à votre marque.

Colorer là où le produit l'utilise

Les fonds restent blancs ou blanc cassé. Le rose et le violet apparaissent sur les éléments de navigation actifs, la barre de progression, les séries de graphiques, les badges et les boutons principaux de l'application. Évitez de surcharger la capture d'écran avec des dégradés absents de l'interface utilisateur.

Concentrez-vous sur une seule tâche à accomplir.

Concentrez-vous sur le flux de travail que vous décrivez : direction, OKRs, KPIs ou tableaux de bord. Supprimez les espaces vides, les modules non pertinents et les éléments d’interface superflus afin que le spectateur perçoive un résultat clair, et non l’ensemble du produit d’un seul coup.

Correspond à la moyenne

Les captures d'écran complètes, de type documentaire, sont destinées aux études de cas, à la documentation et aux présentations commerciales. Pour les visuels principaux de votre site web, privilégiez des extraits simplifiés ou les graphiques à plusieurs niveaux présentés dans la section Graphiques marketing lorsque vous souhaitez donner de la profondeur sans afficher l'application entière.

Capture et exportation

  • Capturez les données depuis l'environnement de test ou de production avec les textes et étiquettes réels. Simplifiez ou recadrez l'interface utilisateur lorsque cela est pertinent ; n'ajoutez pas de modules factices. Floutez ou anonymisez les noms des clients si nécessaire.
  • Ne pas étirer, déformer ou arrondir les coins différemment du produit.
  • Conservez les touches de rose et de violet dans les mêmes rôles que dans l'application (navigation, graphiques, appels à l'action). Voir Couleurs principales.
  • Pour les héros du marketing sans capture d'écran complète, utilisez des cartes d'interface utilisateur empilées selon Graphiques marketing.
  • Exportez à une résolution 2× pour des diapositives et un rendu web nets ; privilégiez le format PNG ou WebP avec une palette de couleurs sRGB.
  • Les dernières captures approuvées se trouvent dans le kit de marque sur Google Drive. En cas de doute, demandez l'accès avant toute publication externe.
Modèles d'interface utilisateur

Modèles d'interface utilisateur

Les interfaces utilisateur des produits et du marketing partagent les mêmes rayons, ombres et traitements de boutons issus du système de conception.

Utilisez une seule action principale par vue. Sur les supports marketing clairs, associez-la à une action secondaire textuelle ou à une pilule avec contour. Réservez les boutons invisibles aux fonds sombres.

CTA principal
Paire de héros (primaire + texte secondaire)
contours secondaires (surfaces claires)
Fantôme (surfaces sombres uniquement)
Rayon moyen (12px)
Ombre de carte
Iconographie

Iconographie

Elevale utilise des icônes de contour Lucide sur les pages marketing, les sections de fonctionnalités et les maquettes d'interface utilisateur. Une seule famille d'icônes, une seule épaisseur de trait et une petite taille permettent une navigation et une lecture aisée des cartes.

Principes

Lucide uniquement

Utilisez les icônes de la collection Lucide (via notre registre de site). N'utilisez pas simultanément les icônes Feather, Font Awesome, les émojis ou les illustrations personnalisées.

Poids du contour

Icônes linéaires d'une épaisseur de trait de 1,5 à 2 px sur un canevas de 24 px. N'utilisez pas de traits fins (< 1,5 px) ni épais (> 2 px), et ne mélangez jamais de glyphes remplis avec des contours Lucide sur un même panneau.

Couleur monochrome

Sur les interfaces claires, utilisez le rose ou le violet de la marque, ou un gris moyen neutre pour les éléments secondaires. Sur les dégradés et les bandes sombres, les icônes deviennent blanches.

Signification d'abord

Choisissez des icônes qui renforcent le libellé (cible pour les objectifs, graphique pour les KPIs, utilisateurs pour les équipes). Si l'icône n'apporte pas de clarté, supprimez-la plutôt que de l'utiliser comme élément décoratif.

Échelle de taille

Utilisez des tailles de 16, 20 et 24 px. Les cartes marketing peuvent utiliser 28 px pour mettre en valeur certains éléments ; n’inventez pas de formats uniques.

16px Métadonnées en ligne, tableaux denses, puces
20px Boutons secondaires, navigation compacte, lignes de liste
24px Interface utilisateur par défaut, cartes de fonctionnalités, icônes de navigation principales

Couleur sur les surfaces

Interface utilisateur légère Cartes roses ou violettes sur fond blanc/blanc cassé
Dégradé de marque Icône blanche sur bandes rose-violettes
Secondaire Gris moyen pour les lignes de soutien, pas pour les CTA principaux.

Où apparaissent les icônes

  • Navigation Associez chaque icône de navigation principale à une étiquette textuelle visible. Même taille et même couleur pour tous les éléments du groupe.
  • Cartes marketing Une icône par en-tête de carte (points faibles, avantages, piliers). Le contraste rose sur fond blanc est le modèle par défaut sur elevale.com.
  • Produit et maquettes Dans les maquettes de fonctionnalités, les barres latérales, les onglets et les lignes d'état utilisent des icônes de 20 à 24 px avec des étiquettes ou du texte adjacent. Les icônes d'état peuvent être vertes pour indiquer la réussite, jamais arc-en-ciel.
  • usage décoratif Évitez d'utiliser des icônes comme fond d'écran. Si une icône est purement décorative et n'est pas utilisée dans le texte, supprimez-la.

bibliothèque d'icônes

Chaque nom Lucide enregistré sur le site marketing est répertorié. Recherchez-le, puis copiez-le pour la transmission du design ou récupérez des extraits prêts à l'emploi pour les blocs Astro et Webflow.

67 icônes dans le registre

Aperçu des couleurs (toutes les icônes)
activity
arrow-right
audit
award
badge-check
bar-chart-3
book-open
bot
brief
briefcase
building-2
calendar
calendar-check
check
check-circle
check-square
circle-check
clock
compass
credit-card
dashboard
eye
file-check
file-text
globe
graduation-cap
handshake
headphones
heart
heart-handshake
history
key-round
kpi
layers
layout-dashboard
layout-grid
link
link-2
list-todo
lock
map
map-pin
message-square
network
palette
percent
privacy
progress
roles
route
scroll-text
settings
share-2
shield
shield-check
sliders-horizontal
sparkles
target
tasks
team
trending-down
trending-up
user-plus
users
wallet
x
zap

Cohérent

Contour Lucide, une couleur, dimensionné à l'échelle, étiquette lorsqu'il s'agit de navigation.

Éviter

Familles mixtes, glyphes remplis, couleurs arc-en-ciel ou icônes sans étiquette correspondante sur la navigation principale.

Faire

  • Conservez un seul style de contour par surface (icônes de ligne Lucide uniquement).
  • Associez des icônes au texte dans la navigation, les boutons principaux et les fiches de fonctionnalités.
  • Utilisez du rose, du violet, du blanc dégradé ou du gris neutre de la marque, et non des teintes arbitraires.
  • Utilisez 16, 20 ou 24px (28px uniquement pour les éléments marketing importants).
  • Enregistrez les nouvelles icônes Astro dans le registre Lucide avant utilisation ; les blocs Webflow de la page d'accueil utilisent des noms data-lucide correspondants.

Ne le faites pas

  • N’utilisez pas de jeux d’icônes remplis, de badges pleins ou d’émojis avec des contours Lucide.
  • N’attribuez pas une couleur différente à chaque icône d’une même ligne ou grille de cartes.
  • N’utilisez pas d’icônes seules dans la navigation principale ou les appels à l’action critiques sans libellé.
  • Ne répétez pas la même icône trois fois dans une même fenêtre d'affichage à des fins décoratives.
  • Ne redessinez pas les tracés Lucide, n'ajoutez pas d'ombres portées et ne déformez pas les icônes pour imiter la 3D.

Règles d'utilisation

  • Utilisez des icônes monochromes sur une interface utilisateur claire ; utilisez du blanc sur les dégradés de marque et les arrière-plans sombres de l'application.
  • Associez des icônes à des étiquettes pour la navigation principale et les principaux appels à l'action.
  • Ne mélangez pas les jeux de couleurs remplis et les jeux de contours sur la même surface.
  • Alignez la taille des icônes sur le texte : 16 px pour les légendes, 20 à 24 px pour le corps du texte et les titres.
  • Utilisez aria-hidden="true" sur les icônes décoratives ; le texte adjacent a une signification.
  • Cartes de douleur et d'avantage marketing : une icône dans l'en-tête, rose sur blanc, voir Graphiques marketing espacement.
  • Les modèles d'interface utilisateur des produits pour les boutons et les cartes se trouvent dans modèles d'interface utilisateur ; les icônes suivent les mêmes rayons et la même densité.
  • Demander une analyse de la marque avant toute campagne partenaire axée sur les icônes ou tout pictogramme personnalisé en dehors de Lucide.
Mouvement

Mouvement

Elevale utilise l'animation sur l'ensemble du site marketing et du produit : mouvements d'ambiance, révélations au défilement, effets de survol, cartes décalées et GIF qui apportent une touche de chaleur et d'humour. L'animation doit guider l'attention et renforcer la clarté, sans jamais concurrencer le message.

Principes

Déterminé

Chaque animation répond à une question : qu’est-ce qui a changé ? quelles sont les prochaines étapes ? ou qu’est-ce qui a réussi ? Si le mouvement n’aide pas à analyser, comprendre ou célébrer, supprimez-le.

Restreint

Un seul mouvement par fenêtre. Évitez les effets de boucle chaotiques, la parallaxe inutile et les rebonds simultanés de plusieurs éléments. Les graphismes marketing utilisent déjà la profondeur ; le mouvement ne doit pas surcharger l’interface.

Un timing régulier

Utilisez un effet d'accélération progressive pour les entrées et un effet d'accélération progressive pour les bascules. La plupart des transitions d'interface utilisateur durent entre 200 et 400 ms ; l'ambiance principale peut durer plus longtemps, mais reste discrète.

Respectez le mouvement réduit

Enveloppez les boucles décoratives et le mouvement de dérive dans prefers-reduced-motion: no-preference. Les changements d'état principaux (menus ouverts, focus) peuvent toujours s'animer légèrement ou se figer instantanément lorsque les utilisateurs demandent une animation réduite.

Là où le mouvement apparaît

Ces modèles apparaissent régulièrement sur elevale.com et ses pages de présentation. Inspirez-vous-en lors de l'extension du site ou des supports marketing de nos partenaires.

  • Héros et présence Effet de flottement discret des sphères en arrière-plan, lueur dégradée et mise en valeur du titre sur la page d'accueil et les pages de destination principales. Boucles lentes et de faible amplitude qui donnent vie à l'image sans détourner l'attention de l'appel à l'action.
  • Navigation et interface de l'application Fond de navigation, couleur des liens et transitions du menu latéral mobile (environ 200 à 300 ms). Les menus déroulants apparaissent en fondu et en glissement ; les boutons se soulèvent légèrement au survol avec une brève transformation.
  • Cartes et piles Effet de fondu et de levée échelonné sur les piles de fiches marketing et les grilles de fonctionnalités. Courts délais entre les éléments d'une même pile (environ 40 à 80 ms) pour une lecture de haut en bas, et non pas d'un seul coup.
  • Défilez et révélez Les sections s'affichent en fonction de leur apparition dans la zone visible : opacité et translation verticale, et non par glissement horizontal. L'affichage est lié à l'ordre de lecture ; il n'est pas réactivé à chaque léger défilement.
  • Produit et maquettes Les maquettes d'interface utilisateur des pages de fonctionnalités utilisent des changements d'état subtils, des changements d'onglet et des réactions GIF amusantes dans les conversations ou les fils de discussion. Lorsqu'Otto est en mode vocal, l'<a href="#motion-voice-orb">sphère vocale IA</a> indique qu'il écoute et réfléchit. Consultez cette section pour plus d'informations sur son utilité et son animation.

Référence de synchronisation

Micro 150–200 ms Survol, anneaux de mise au point, décalage des icônes
Standard 200–400 ms Boutons, panneaux, navigation, survol des cartes
Accent 400–600 ms Modales, grandes révélations (à utiliser avec parcimonie)
Ambiant Continu Orbe de lumière et de respiration vocale IA (pilotée par l'audio dans l'application)

orbe vocal IA

Une sphère lumineuse et douce apparaît dans l'application Elevale lorsque vous parlez à Otto par la voix. Elle indique que la session est en direct et réagit au son, tandis que le texte de la transcription et la réponse d'Otto contiennent le message lui-même.

Aperçu

Dans le produit, l'orbe est affichée en direct à l'écran (et non à partir d'un fichier vidéo ou d'une image fixe). Elle constitue l'élément visuel principal du mode vocal : calme en veille, plus animée lorsqu'une personne parle et plus chaleureuse pendant qu'Otto parle. Il ne s'agit ni d'un logo, ni d'un graphique, ni d'un analyseur de spectre à barres.

Là où il apparaît

Le même composant sphérique est utilisé dans deux mises en page, pilotées par la même session vocale :

  • Voix plein écran

    Une grande sphère (environ 320 px) est centrée sur l'écran vocal. Appuyer sur la sphère permet d'interrompre Otto pendant qu'il parle.

  • widget flottant

    Petite sphère (environ 92 px) dans la fenêtre vocale réduite. Appuyer dessus permet de revenir à la vue de conversation ; les commandes de mise en sourdine et de fin de conversation se trouvent au-dessus de la sphère.

Ce à quoi il réagit

Les mouvements suivent l'audio réel de la session, et non une animation aléatoire :

  • Votre voix La sphère s'illumine et se déplace avec le microphone pendant que vous parlez (sauf si le micro est coupé).
  • Otto parlant Lorsque Otto diffuse une réponse vocale, la sphère réagit également à ce son, par une légère pulsation supplémentaire afin d'indiquer clairement que l'assistant parle.
  • moments de calme Pendant une session active, l'orbe continue de respirer légèrement, donnant ainsi l'impression que l'interface utilisateur est vivante, même en silence. Elle ne disparaît pas entre les mots.
  • Micro coupé L'entrée du micro est ignorée. La palette de couleurs vire à des tons ardoise plus froids, les ondulations et les particules cessent, et une icône muette apparaît sur l'orbe.
  • La session s'est terminée. Le mode vocal se ferme ou revient au mode conversation. L'icône cesse de réagir et ne doit plus clignoter comme si un appel était toujours en cours.

Structure générale

Imaginez l'orbe comme une lumière douce et stratifiée, et non comme une sphère 3D rigide ou un affichage de forme d'onde :

  • lueur extérieure Un large halo pastel entoure la sphère. Rose et lavande lorsqu'elle est active ; gris ardoise lorsque le micro est éteint.
  • anneaux ondulés Quelques anneaux souples qui s'étendent vers l'extérieur. Ils évoquent l'énergie, et non des fréquences individuelles.
  • Sphère principale Un centre diffus, sans iris ni pupille nettes. La taille varie légèrement au niveau des basses et de l'énergie générale.
  • nuages intérieurs Des lobes de couleur diffuses qui dérivent à l'intérieur de la sphère, tandis que les tons moyens et graves montent et descendent.
  • Particules De nombreuses particules minuscules orbitent autour du centre, plus rapidement lorsque la conversation est animée. Elles sont décoratives, et non des données.

Les pages de présentation sur elevale.com utilisent une version CSS simplifiée de ce style pour les maquettes statiques. L'icône de l'application en direct est plus riche et utilise un microphone et un système de lecture audio réels.

spécimen de référence de marque

Couleur

Des teintes pastel rose et lavande, issues des couleurs primaires de la marque, se fondent dans le blanc. Pas de reflets irisés, de couleurs unies ni de contours nets. Ce coloris discret utilise uniquement des tons neutres ardoise.

Expérience utilisateur et accessibilité

  • Toujours associer à du texte La transcription en direct, les étiquettes de session et la réponse écrite d'Otto sont affichées à côté de l'orbe. Ne vous fiez jamais uniquement à l'animation.
  • lecteurs d'écran Le dessin est masqué aux technologies d'assistance. Les écrans parents annoncent l'état (par exemple : l'assistant parle, le microphone est coupé).
  • Mouvement réduit Lorsque les utilisateurs préfèrent une animation plus stable, celle-ci ralentit et s'adoucit. L'orbe peut alors conserver une lueur statique et calme au lieu de danser.

Règles

  • À utiliser uniquement dans le chat vocal Otto (plein écran ou flottant). Ne convient pas pour les héros promotionnels, les écrans de chargement génériques ni les messages d'erreur.
  • Ne transformez pas l'orbe en graphique à barres, en logo ou en autocollant de mascotte. Aucun chiffre ni étiquette ne doit figurer à l'intérieur de la sphère.
  • Conservez des tailles cohérentes pour les objets plein écran et flottants (environ 320 px et 92 px respectivement). N'inventez pas de nouvelles tailles d'orbes sans validation de la conception du produit.
  • L'état muet doit être évident : couleur plus froide, pas de particules, indicateur de micro coupé, avec un texte indiquant que le micro est muet.
  • Les maquettes marketing peuvent simplifier l'application ; ne promettez pas d'effets supplémentaires dans les publicités que l'application ne propose pas.

Le caractère et le ton d'Otto vivent dans Otto.

spécimen de mouvement d'interface utilisateur

Passez votre souris sur la carte et le bouton pour voir l'effet d'accélération et la durée typiques.

Utilisation des GIF

Les GIF donnent à Elevale une image plus humaine, loin des brochures d'entreprise : ils célèbrent les produits, interagissent avec les clients et s'amusent parfois avec des animations marketing. Utilisez-les quand l'occasion mérite d'être chaleureuse ou empreinte de bonne humeur, toujours avec bienveillance et en accord avec votre image de marque, mais jamais de manière rigide pour paraître « sérieux ».

Les bons moments pour les GIF

  • Célébrer les victoires : OKR progrès, achèvement des tâches, étapes importantes de l'équipe ou héros qui ont besoin d'un high-five humain.
  • Réactions au sein de l'interface utilisateur du produit : chat, commentaires ou fils de discussion avec des conseillers où une courte boucle ajoute de l'humour ou des encouragements.
  • Des sections marketing qui montrent des résultats concrets (clarté, élan, soulagement), avec une touche personnelle, et non un sourire générique et impersonnel.

Les GIF de célébration et de réaction approuvés sont inclus dans les éléments graphiques du site et le kit de marque. Pour toute demande d'ajout, veuillez contacter l'équipe de la marque. Nous sommes ouverts aux boucles ludiques qui restent résolument Elevale.

Conformément à la marque

GIF approuvé par la bibliothèque, ton enjoué ou festif, soutient le message, taille de fichier raisonnable.

Non autorisé

Culture des mèmes controversée, politique, offensante ou sans rapport avec le sujet. Pas de contenu choquant, gore ou provocateur.

Faire

  • Choisissez des GIF dynamiques, un brin humoristiques et authentiques, comme des coéquipiers qui célèbrent une victoire, et non un diaporama de salle de réunion. L'humour est bienvenu à bon escient ; évitez les GIF fades, rigides ou qui donnent une impression de professionnalisme forcé.
  • Utilisez les GIF à des moments où les gens vivent déjà un bon moment (célébration, encouragement, accomplissement), et non comme simple remplissage.
  • Utilisez les fichiers du kit de marque ou de la bibliothèque du site approuvée. N'utilisez pas de liens directs vers des URL inconnues.
  • Traitez les GIF décoratifs comme des images : texte alternatif vide lorsqu’ils sont purement décoratifs ; décrivez le moment où ils ont une signification.
  • Privilégiez les boucles optimisées, le chargement différé en dessous de la ligne de flottaison et évitez plusieurs GIF volumineux dans une même fenêtre d'affichage.

Ne le faites pas

  • Aucun contenu controversé, clivant ou viral, même s'il est tendance.
  • Pas d’insultes, de stéréotypes, de violence, de scènes sanglantes, de contenu sexuel ni d’humiliation aux dépens de qui que ce soit.
  • Pas de campagne politique, d'images de protestation ni de messages partisans.
  • Pas de clignotements, de stroboscopes ni de boucles rapides qui nuisent à la lisibilité ou à la sensibilité du déclencheur.
  • Aucun nouveau GIF n'est autorisé dans les campagnes payantes, les supports partenaires ou les e-mails sans l'approbation de la marque.
Partenaires

En tant que partenaire affilié ou référent, vous présentez Elevale à votre audience en utilisant notre nom et notre identité visuelle officiels. Veillez à ce que Elevale reste identifiable comme Elevale (il ne s'agit pas d'une offre en marque blanche). Utilisez les ressources approuvées disponibles sur cette plateforme et obtenez l'accord écrit de la marque avant toute campagne payante ou à forte visibilité.

Non négociable

Contrairement aux revendeurs, les affiliés ne proposent pas de marque blanche. Si vous souhaitez vendre sous votre propre marque, consultez la section Revendeurs. Si vous partagez uniquement Elevale avec votre réseau, cette section s'applique.

Vous devez

  • Utilisez uniquement les fichiers de logo, de couleur et de modèle provenant du kit de marque ou de la bibliothèque de logos. Ne recréez pas la marque.
  • Utilisez un logo complet approuvé sur chaque élément. Adaptez-le au fond : couleur pleine sur fond clair, logo sur fond foncé ou inversé sur les surfaces chargées. Consultez Utilisation du logo et Espace libre.
  • Restez fidèle à notre Messages, à notre Ton de la voix et à nos Valeurs de la marque. Pas de promesses exagérées, de garanties ni d'affirmations concernant des fonctionnalités que nous n'avons pas publiées.
  • Orientez le trafic via votre lien de parrainage Elevale afin que les inscriptions soient correctement attribuées. N'utilisez pas d'URL modifiées ou redirigées qui contournent le suivi.
  • Indiquez clairement votre relation d'affiliation ou de parrainage lorsque cela est requis (par exemple, publicités payantes sur les réseaux sociaux, pieds de page d'e-mails et articles de blog).
  • Soumettez les publicités payantes, les pages de destination, les webinaires et les envois d'e-mails en marque blanche pour approbation écrite de la marque avant leur mise en ligne.

Vous ne devez pas

  • Il est interdit de modifier, recolorer, animer, faire pivoter, souligner ou associer le logo à des effets non prévus par ces directives.
  • Présentez Elevale comme votre propre plateforme, supprimez notre nom ou laissez entendre que vous avez construit ou possédez le produit.
  • Nous n'avons pas confirmé par écrit les résultats promis, les prix, les intégrations ou la conformité.
  • Enchérir sur les termes de marque Elevale dans les annonces de recherche sans autorisation écrite préalable.
  • N’utilisez pas Otto dans vos publicités, vignettes ou créations pour les réseaux sociaux sans autorisation. Voir Otto.
  • Il est interdit d'imiter ou de dénaturer notre marque de manière à induire les gens en erreur. Ne vous présentez pas, que ce soit par votre nom, votre style ou votre identité visuelle, comme si vous étiez Elevale, notre équipe ou le propriétaire de la plateforme. N'insinuez pas que nous cautionnons des services extérieurs au programme de parrainage.
  • Commandez des illustrations personnalisées du logo, intégrez-le à des modèles tiers ou utilisez des images libres de droits qui imitent notre logo.

Ressources approuvées pour utilisation

Utilisez les éléments et le matériel de la marque. En cas de doute, privilégiez la simplicité plutôt que l'improvisation.

  • Impression en couleur sur fond foncé et en inversion (SVG/PNG). Logo uniquement lorsque l'espace est limité et que la marque est déjà connue.
  • Rose, violet, neutres et dégradés exactement comme définis dans Couleurs de base et Dégradés.
  • Utilisez les titres et les arguments clés de cette plateforme ou du site marketing. N'inventez pas de nouveaux slogans.
  • Utilisez les diapositives, les recadrages pour les réseaux sociaux et les en-têtes d'e-mail issus du kit de marque, le cas échéant. Développez la mise en page, ne redessinez pas le logo.

Placement correct des affiliés

Elevale Verrouillage proéminent, couleurs approuvées, CTA clair vers votre lien de parrainage et divulgation honnête.

Exemple approuvé
Non autorisé

Logo recoloré, nom de produit inventé ou votre marque remplaçant la nôtre sur une promotion Elevale.

Les participants au programme de parrainage client doivent se référer à cette section pour toute mention publique de Elevale. Les règles et les commissions du programme sont disponibles sur la page programme de parrainage.

Application de la loi

Elevale peut suspendre ou résilier l'accès des affiliés, retenir les commissions ou exiger le retrait des contenus non conformes. Tout abus grave ou répété peut entraîner la rupture du partenariat.

programme de parrainage Demande d'approbation de marque

Partenaires

Les revendeurs agréés utilisent Elevale comme leur propre produit. La personnalisation en marque blanche est intégrée : votre logo, votre couleur principale et votre nom de domaine sont présents sur tous les espaces de travail clients, avec une présence minimale de la marque Elevale dans l’expérience utilisateur. Vous restez au premier plan ; nous gérons la plateforme en coulisses.

Ce que le white-label vous apporte

Le programme de revendeurs est conçu pour votre relation client et votre stratégie de commercialisation, et non pour promouvoir Elevale comme marque principale.

  • Présentez la plateforme sous votre identité dans chaque connexion client, e-mail et espace de travail.
  • Définissez vos propres tarifs pour les formules Foundation, Business et Professional.
  • Commercialisez et vendez selon votre méthodologie : stratégie, OKRs, KPIs et reporting dans un système de marque unique.
  • Choisissez les modules que les clients reçoivent et s'ils travaillent avec votre équipe ou avec le conseiller IA intégré.

Tu peux

  • Appliquez votre logo, la couleur principale de votre marque et votre domaine personnalisé (par exemple, strategy.yourbrand.com) sur tous les espaces de travail de vos clients.
  • Fixez les prix affichés aux clients et conservez votre marge sur les sièges et les recharges de portefeuille IA, conformément à votre accord de partenariat.
  • Décrivez votre offre comme votre produit et service sur votre site web, vos propositions et vos supports de vente destinés à vos prospects et clients.
  • Gérez des espaces de travail distincts par client, avec des données, des autorisations et une facturation isolées sous votre marque.
  • Activez ou désactivez les modules de la plateforme pour votre offre (OKRs, tableaux de bord, wiki, carte des processus, IA, et plus encore) depuis le tableau de bord partenaire.
  • Désignez un conseiller humain de votre équipe ou activez le conseiller stratégique IA par espace de travail, tout en restant dans votre environnement personnalisé.

Vous ne pouvez pas

  • Affirmer des fonctionnalités, une sécurité, une conformité ou des résultats que le produit ne prend pas en charge, ou suggérer que Elevale approuve des déclarations que nous n'avons pas approuvées.
  • Modifier l'application au-delà des paramètres de marque blanche pris en charge (pas de forks personnalisés, de rétro-ingénierie ou de suppression des mentions légales obligatoires dans la console partenaire).
  • Utilisez les visuels d'Otto dans les campagnes de clients externes sans l'approbation de la marque. L'IA intégrée au produit est configurée via la plateforme ; les apparitions marketing respectent les règles d'Otto.
  • Utiliser votre propre logo ou vos couleurs de manière abusive, en violation de votre accord (contraste illisible, marques déformées ou usurpation d'identité d'une autre organisation).
  • Concéder une sous-licence ou une marque blanche à un autre revendeur sans accord écrit avec Elevale.

Dans le produit par rapport à la manière dont vous vendez

Les clients ne voient votre marque qu'à l'intérieur de l'espace de travail. Dans vos actions marketing et commerciales, présentez la plateforme comme votre produit et votre méthodologie, sous votre nom et avec votre identité visuelle.

Espace de travail client (votre marque uniquement)
Votre marketing (votre marque, votre offre)

Les revendeurs en marque blanche ne vendent pas en tant qu'affiliés Elevale. Le co-branding avec notre logo est réservé aux rares cas où les deux noms doivent figurer sur un même support. Consultez la section Co-branding si cela s'applique ; sinon, veuillez ne pas inclure Elevale dans vos supports marketing et de communication destinés aux clients.

Quand s'enregistrer

L'approbation n'est pas requise pour la configuration en marque blanche courante au sein de la console partenaire. Veuillez contacter Elevale avant toute campagne externe mentionnant Elevale, utilisant Otto ou brouillant la frontière entre votre marque et la nôtre.

Programme revendeur Contactez-nous pour toute question relative à la marque

Partenaires

Co-branding

Lorsque le logo Elevale et une marque partenaire apparaissent sur le même support (page d'en-tête, diapositive, bannière d'événement), veuillez respecter les règles de co-branding. Les affiliés qui font la promotion du logo Elevale uniquement doivent suivre les règles Affiliés. La marque blanche des revendeurs est soumise à des règles distinctes : Revendeurs.

  • Hauteur minimale du logo du partenaire : 24 px ; maintenir un poids visuel égal lorsque les logos sont côte à côte.
  • Utilisez un séparateur vertical ou un espacement de 24 px entre les marques, ne les superposez jamais.
  • Ne modifiez pas les couleurs Elevale et n'ajoutez aucun effet à l'une ou l'autre marque.
Téléchargements

Kit de marque

Téléchargez les logos, les références de couleurs et les modèles depuis notre dossier de marque partagé.

Télécharger le kit de marque

Ce qui est inclus

  • Fichiers de logo (SVG, PNG) : versions verrouillées et variantes du logo seul
  • Références de couleurs et polices typographiques (Coolvetica Condensed et Satoshi sur Google Drive)
  • Modèles de présentation et de réseaux sociaux
Référence

Glossaire

Brèves définitions des termes utilisés dans ces directives.

Verrouillage
Le fichier complet du logo : logo et nom de marque réunis. Il s’agit du logo par défaut Elevale. Le slogan n’est pas inclus.
Logotype
Le logotype « Elevale », composé en Coolvetica Condensed, est placé à côté du logo. Il ne doit pas être utilisé seul sur les supports externes ; il doit être associé au logo dans la configuration.
Logo
Les carrés roses et violets imbriqués à côté du nom de marque. Également appelés symbole dans les anciens documents. À utiliser seul uniquement dans des espaces restreints une fois la marque reconnue.
Slogan
Ligne de texte sous le logo sur les pages marketing, par exemple « La stratégie qui ne meurt jamais ». Intégrée au corps du texte ou à la police d'affichage selon la mise en page. Elle ne fait pas partie du visuel principal.
Espace libre
La marge minimale vide autour du logo, où aucun texte, élément graphique ou bord ne doit empiéter. Elle garantit la lisibilité et la clarté du logo.
x
L'unité de mesure de l'espace libre est la hauteur du module rose d'angle du logo, pour une taille de bloc standard (20 px). Chaque côté du bloc nécessite un espace libre d'au moins 1×.
Verrouillage en couleur
Logo par défaut sur fond clair : logo en couleur avec nom de marque foncé. Ne pas utiliser sur des dégradés de couleurs ou des photos chargées sans superposition.
Verrouillage à la nuit tombée
Pour les fonds sombres unis : logo en couleur avec un nom de marque blanc. Le logo reste rose et violet ; seul le nom de marque devient blanc.
Verrouillage inversé
Un ensemble entièrement blanc (logo et nom de marque) pour les dégradés de couleurs et les interfaces utilisateur sombres. Utilisez-le à la place de l'ensemble en couleur lorsque le dégradé ou l'arrière-plan réduirait le contraste.
Dégradé de marque
Le dégradé linéaire rose-violet caractéristique est utilisé sur les bannières, les appels à l'action et les bandes premium. N'appliquez pas le logo en couleur sur ce dégradé. Utilisez le logo inversé si un logo est requis.
variante du logo
Un fichier approuvé du logo pour un fond ou un cas d'utilisation spécifique (par exemple, en couleur, sur fond foncé, inversé ou logo uniquement).
Filiale
Un partenaire qui présente Elevale en utilisant nos éléments de marque officiels et le suivi des parrainages. Les affiliés conservent la visibilité de Elevale sous le nom de Elevale et suivent les instructions de la section Affiliés (marque propre non disponible).
Marque blanche
Configuration revendeur remplaçant la marque Elevale dans le produit client par le logo, la couleur principale et le domaine du partenaire. Les clients utilisent la plateforme comme étant l'offre du partenaire.
Co-branding
Placer le logo Elevale à côté d'une marque partenaire sur le même support marketing. À utiliser pour les agences et les événements, et non pour les espaces de travail quotidiens des revendeurs.
Kit de marque
Le dossier de téléchargement partagé contenant les logos, les références de couleurs, les modèles et les ressources associées est disponible dans la section Téléchargements ou sur Google Drive.
Type d'affichage
Coolvetica, à utiliser pour les titres et les messages marketing percutants. À réserver aux phrases courtes et fortes, et non aux longs paragraphes.
Type de corps
Satoshi est utilisé pour les textes d'interface utilisateur, les paragraphes et les tableaux. Il contient la plupart des informations sur les produits et les articles longs du site.
jeton de couleur
Une couleur de marque nommée avec des valeurs variables HEX, RGB et CSS (par exemple Rose, Violet, Foncé). Les jetons assurent la cohérence entre le design et le code.
Otto
Elevale est une loutre, personnage principal et conseiller stratégique en intelligence artificielle. Elle incarne les solutions : clarté, énergie et joie au service d’un objectif précis, et non des problèmes, et n’est jamais un simple accessoire ou mascotte.
Valeurs de la marque
Les principes non négociables qui sous-tendent Elevale : l'alignement, la clarté, les preuves et une exécution de niveau leadership qui éclairent le produit et les communications.
Messagerie
Ce que nous disons au marché : positionnement, public cible, promesse et preuves, exprimés de manière cohérente dans les titres, les appels à l’action et les argumentaires de vente.
Ton de la voix
Notre formulation : des règles d’écriture claires, précises et humaines pour le web, les interfaces utilisateur des produits et les ventes, différentes de celles utilisées pour la messagerie, mais fondées sur les mêmes valeurs.
Référence

FAQ

Réponses rapides sur l'utilisation de la marque Elevale dans les supports marketing, produits et partenaires.

Quelle variante de logo dois-je utiliser ?

Utilisez le logo en couleur sur fond blanc ou blanc cassé. Sur fond foncé uni, utilisez le logo foncé (logo en couleur, nom blanc). Pour les interfaces utilisateur sombres ou les zones à faible contraste, utilisez le logo inversé (entièrement blanc). Consultez les sections Variantes et Utilisation.

Puis-je utiliser uniquement le logo ?

Uniquement lorsque l'espace est très limité et que la marque est déjà reconnue : favicons, icônes d'application compactes ou navigation intégrée au produit. Pour les diapositives, les publicités et les documents, utilisez le logo complet. Voir Variantes.

Puis-je modifier la couleur, ajouter un contour ou déformer le logo ?

Non. Ne modifiez pas les couleurs, n'ajoutez pas d'effets, ne faites pas pivoter ni n'étirez le logo. Utilisez un fichier approuvé du kit de marque ou de la bibliothèque de logos au lieu de modifier le visuel.

De combien d'espace libre ai-je besoin ?

Conservez au moins un espace libre de x de chaque côté, où x correspond à la hauteur du module rose d'angle du logo (20 px à la taille standard). Consultez Anatomie et le glossaire.

Puis-je apposer le logo sur une photographie ?

Oui, si le contraste est suffisamment marqué. Ajoutez une couche de fond claire ou foncée unie derrière le logo, ou utilisez le verrouillage inversé sur une zone assombrie. Évitez les arrière-plans chargés sans séparation suffisante. Voir Utilisation.

Où puis-je télécharger les fichiers officiels du logo ?

Utilisez Téléchargements pour ouvrir le kit de marque Google Drive (logos SVG et PNG, références de couleurs et modèles). Pour les versions les plus récentes uniquement, utilisez Accéder à la bibliothèque de logos dans la section Variantes.

Quand puis-je afficher Elevale à côté du logo d'un partenaire ?

Utilisez le co-branding lorsque les deux marques apparaissent sur le même support marketing (site web, présentation, événement). Veillez à conserver une importance visuelle égale, un espacement d'au moins 24 px ou un séparateur, et ne modifiez jamais aucune des deux marques. Consultez la section Co-branding. Les revendeurs proposant un produit en marque blanche à leurs clients doivent suivre les instructions de la section Revendeurs.

Que peuvent faire les revendeurs avec la marque Elevale ?

Les revendeurs peuvent personnaliser l'expérience client (votre logo, vos couleurs, votre nom de domaine) et commercialiser la plateforme comme leur propre offre. Ne présentez pas la marque Elevale aux clients finaux. Vous trouverez des instructions complètes dans la section Revendeurs ou sur la page du programme revendeurs.

Quelles sont les règles qui s'appliquent aux affiliés et aux partenaires de recommandation ?

Vous devez utiliser les ressources officielles Elevale, les logos approuvés, les messages conformes à la marque et votre lien de suivi. Il est interdit de modifier le logo, d'utiliser une marque blanche ou de lancer des campagnes payantes sans autorisation. Consultez le règlement de l'entreprise dans la section Affiliés et les conditions du programme sur Parrainer un ami.

Quelles polices dois-je utiliser ?

Utilisez Coolvetica Condensed pour les titres et Satoshi pour le corps du texte et l'interface utilisateur (graisses 400, 500 et 700). N'utilisez pas de polices similaires. Téléchargez Coolvetica et Satoshi depuis Google Drive, ou consultez Display et Body.

Qui dois-je contacter pour obtenir l'approbation de la marque ?

Pour toute campagne, produit ou utilisation non mentionnée ici, veuillez contacter Elevale via la page de contact avant publication. Joignez des maquettes et indiquez les canaux de diffusion prévus afin que nous puissions confirmer la variante de logo et le traitement de co-branding appropriés.

Quand puis-je utiliser Otto en marketing ?

Lorsqu'il représente une solution : clarté, énergie, joie et conseils avisés, et non un problème, une mascotte ou un accessoire. Consultez la page Otto pour connaître le contexte et les règles d'approbation, puis contactez l'équipe de la marque avant toute publication externe.