Charte graphique · version 2
Du verre et de la lumière.
Vitrail assemble des sites comme on assemble une verrière contemporaine : des pièces translucides, des couleurs qui changent selon l’angle, et beaucoup de nuit autour pour les faire briller.
01 · Logo
Deux lames, un V
Deux lames de verre inclinées se croisent pour former un V. Là où elles se superposent, le cobalt et le fuchsia donnent un violet : le verre mélange les couleurs. Le losange ambre au-dessus reprend les points des « i » du nom.
VıtraılVıtraıl- Les lames sont inclinées à 20° de part et d’autre de la verticale et se rejoignent en bas.
- Zone de protection : la largeur d’une lame tout autour du symbole (pointillés).
- Taille minimale : 16 px à l’écran, 5 mm imprimé.
- Le symbole reste toujours en couleurs. En une seule couleur (gravure, tampon), il passe en givre ou en nuit plein.
- On ne change pas les couleurs des lames, on ne les redresse pas, on n’ajoute pas de contour.
02 · Couleurs
La nuit et quatre verres
Le fond est presque toujours sombre : c’est ce qui fait briller le verre. Les quatre couleurs s’utilisent en touches, en lumière, ou ensemble dans le dégradé dichroïque.
03 · Matière
Le verre
Le verre est l’élément graphique de la marque. Il laisse voir ce qu’il y a derrière, en le floutant ou en le déformant légèrement.
Fond blanc à 4–20 % d’opacité, flou d’arrière-plan de 10 à 30 px, saturation renforcée.
Un filet blanc de 1 px à 30 %, plus clair sur le bord haut, comme la tranche d’une plaque.
Derrière le verre, des taches de couleur floues tirées de la palette. Jamais de verre sur un fond uni sans rien à montrer.
04 · Typographie
Trois voix
Trois familles gratuites (Google Fonts). Le titre est grand et serré, le texte reste calme.
Gloock
interlettrage −3 % Taillée pièce par pièce
Schibsted Grotesk
400 · 600 Je conçois et je code des sites vitrines et des applications web pour les artisans, commerçants et indépendants. Le gras sert aux intertitres et aux mots clés, jamais à des phrases entières.
Spline Sans Mono 500
capitales Services · Méthode · Tarifs · Contact
05 · Ton
Comme au comptoir
On parle comme un artisan qui explique son travail : à la première personne, avec des mots simples et des engagements précis.
On écrit
- « Je vous réponds sous 48 h ouvrées. »
- « Le site prend les réservations pendant que vous êtes au travail. »
- « Le prix du devis est le prix payé. »
On évite
- « Boostez votre présence digitale. »
- Le jargon technique (framework, SEO on-page, stack) face aux clients.
- Les superlatifs sans preuve et les promesses de classement Google.