L'identité Vivlab, en un coup d'œil
Logo, couleurs, typographie, trait et façon de parler : tout ce qui fait que Vivlab ressemble à Vivlab. À garder sous la main avant de créer une page, un visuel ou un message.
01 · Logo
Le logo, manuscrit et vivant
Le mot-symbole « vivlab » est tracé à la main. Deux accents le ponctuent : le point bleu sur le premier « i » et la virgule rose en fin de mot. Ne le redessinez pas : utilisez toujours les fichiers fournis.
Version encre · fonds clairs
Version blanche · fonds sombres- ✓Utiliser les fichiers SVG d'origine, sans les modifier.
- ✓Garder le logo encre sur fonds clairs, blanc sur fonds sombres.
- ✓Respecter la zone de protection et la taille minimale.
- ✕Recolorer, étirer ou incliner le mot-symbole.
- ✕Ajouter ombre, contour ou dégradé au logo.
- ✕Le poser sur un fond chargé qui nuit à la lisibilité.
02 · Couleurs
Une palette de feutres
Cinq couleurs franches, chacune avec sa version douce pour les fonds et les surlignages. À utiliser par touches, jamais toutes en même temps : une dominante, une ou deux complices.
Besoin d'une palette à partir d'une image ? Ouvrez le générateur de couleurs
03 · Typographie
Deux voix typographiques
Une serif éditoriale pour les titres et une sans-serif nette pour l'interface et le texte.
Faites de votre idée un site canon.
Boutons, menus, paragraphes, libellés, partout où la clarté prime.
04 · Le trait
Tracé à main levée
La signature visuelle de Vivlab : des contours légèrement tremblés et des mots surlignés au feutre. Le contenu reste net, c'est le cadre qui vibre.
Contours tremblés
Cartes, boutons et champs portent une bordure encre irrégulière. On ne dessine pas la déformation à la main : elle est appliquée par filtre, pour rester cohérente partout.
Mots surlignés
Pour insister sur un mot, on le surligne d'un coup de feutre arrondi, jaune par défaut, ou en version douce bleu, rose, vert.
Un site dont vous pouvez être fier, sans commission.
Textures de fond
05 · Symboles
Une poignée de symboles
De petits signes dessinés (étoiles et fleurs) ponctuent l'interface : icône de menu, puce de liste ou accent près d'un titre. Toujours par touches, jamais en pavé.
Comment les utiliser
- ✦En petites touches : une icône de menu, une puce, un accent, pas plus.
- ✦Dans une couleur de la palette, accordée au bloc.
- ✦Décoratifs : ils ponctuent, ils ne portent jamais l'information seuls.
- ✦Jamais alignés en pavé ni agrandis : ils restent discrets.
En contexte
- ✺Puce de liste
- ❀Accent près d'un mot
06 · Voix & ton
Comment Vivlab parle
Chaleureux, clair et encourageant. On s'adresse à des créateurs et créatrices qui se lancent : on les rassure, on va droit au but, et on reste fièrement français.
Chaleureux
On encourage plus qu'on n'impressionne. Le ton est proche, jamais condescendant.
Clair
Des phrases courtes, des mots simples. Zéro jargon technique inutile.
Direct
On dit l'essentiel d'abord : le bénéfice, puis le détail. On va au but.
Fièrement français
Un français soigné et vivant, avec ce qu'il faut d'enthousiasme, « canon ».
- « Faites de votre idée un site canon. »
- « Sans commission : vous gardez chaque euro. »
- « Lancez-vous, on s'occupe du reste. »
- « Solution SaaS de création de sites responsive. »
- « Modèle économique sans prélèvement transactionnel. »
- « Déployez votre instance en self-service. »
Le kit de marque, prêt à l'emploi
Logos, palette et polices réunis pour vos partenaires, vos supports et votre presse. Une seule règle : on garde le logo tel quel.