CHARTE DE MARQUE
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
Point bleu · #483AFF
Virgule rose · #F970B4
✓ À faire
✓ 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.
✕ À éviter
✕ 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.
Bleu
#483AFF · #DFE0FF
Accent principal · liens
Rose
#F970B4 · #FFE0F0
Énergie · mises en avant
Vert
#57C64A · #D6F3CF
Succès · disponibilité
Jaune
#FFE14D · #FFF4BF
Surlignage · attention
Orange
#F5793B · #FFE0CF
Chaleur · accent secondaire
Encre
#1C1C1E · texte & traits
Papier
#FBFBF9 · fond, grille discrète
03 · TYPOGRAPHIE
Deux voix typographiques
Une serif éditoriale pour les titres et une sans-serif nette pour l'interface et le texte.
TITRES
Ag
Alegreya
Faites de votre idée un site canon.
Regular · Medium · Bold · italiques OK
INTERFACE & TEXTE
Ag
Inter
Boutons, menus, paragraphes, libellés, partout où la clarté prime.
400 · 500 · 700
Un site canon
Display · 62px
Tout pour réussir en ligne
Titre · 40px
Sans code, sans commission
Sous-titre · 25px
Corps · 18px
Le texte courant se compose en Inter, pour rester lisible sur tous les écrans.
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
Grille
.tex-grid
Confetti
.confetti-bg
Pois
.tex-dots
Étincelles
.tex-sparkle
Croix
.tex-cross
Anneaux
.tex-rings
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é.
✦
Étoile
✺
Rosace
✶
Éclat
✷
Astre
❀
Fleur
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
✦ Icône de menu
✺ 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 ».
✓ On dit
« Faites de votre idée un site canon. »
« Sans commission : vous gardez chaque euro. »
« Lancez-vous, on s'occupe du reste. »
✕ On évite
« 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 encre & blanc
SVG · PNG
✺ Nuancier complet
HEX
Logos, palette et polices réunis pour vos partenaires, vos supports et votre presse. Une seule règle : on garde le logo tel quel.
❀ Polices & liens
Google Fonts
Demander le kit