Le système.Le langage.
Le sigle, la typographie, la palette, la grille, la voix. Le vocabulaire qui tient Good Vibe ensemble, et qu'on applique sur cette page, en la lisant.
Trois caractères,une signature.
./g se lit dot slash g. C'est une commande shell : exécuter le fichier g. Notre métier en trois caractères : la marque devient une instruction.
Le préfixe ./est la signature de l'agence. Les projets en héritent : ./voice, ./sigly, ./roadstory. Chaque livraison porte la marque sans la répéter.
Un espace libre minimum égal à la hauteur du sigle autour de chaque marque. Aucun autre élément ne respire dans cette zone.
20 px de hauteur pour le ./g seul à l'écran. 8 mm en print. En-dessous : utiliser uniquement le g.
Pas d'ombre portée. Pas de gradient. Pas d'outline. Pas de rotation. Pas de version stylisée. Le sigle est un caractère, pas une illustration.
Trois familles,trois rôles.
Display, titres monumentaux, eyebrow, body.
Accent émotionnel, contrepoint, sous-titre poétique.
Sigle, code, coordonnées, étiquettes techniques.
Letter-spacing négatif sur les displays (-0.045em à -0.05em). Plus c'est gros, plus c'est serré.
Instrument Serif italique uniquement pour la nuance, le second pan. Jamais en titre principal seul.
Avant tout ? ! : ; en français. NBSP non négociable. La typo française avant tout.
Une palette,dominée jaune.
Le jaune occupe la plus grande surface visuelle. Tout le reste vient en accent ou en contrepoint.
Les nuances passent par crème, noir soft ou opacité. Aucun gris neutre dans le système, jamais.
Le bleu apparaît seulement par soustraction de couches (mix-blend-difference) sur le cursor et le header. On ne le pose jamais en fill direct.
Douze colonnes,de la respiration.
Padding 6/10, gap 10, max-width 7xl. Chaque section porte un eyebrow (NN)+ titre + contenu. Le rythme tient parce qu'il est jamais brisé.
On dit,on dit pas.
- On fait travailler l'IA pour vous.
- On dessine, on code, on livre.
- Pas un Salesforce déguisé.
- Trois semaines pour le premier déploiement.
- Le jugement reste à nous.
- We empower with cutting-edge AI.
- Solutions disruptives et innovantes.
- Synergies cross-fonctionnelles.
- Roadmap agile pluri-trimestrielle.
- À l'ère du digital, le data-driven…
Une idée par phrase. Si ça déborde, on coupe. Un point vaut mieux qu'une virgule de plus.
On nomme les outils, on partage les choix, on dit ce qui n'a pas marché. La pédagogie n'est pas un cadeau au client, c'est la condition pour qu'il puisse reprendre le travail sans nous demain.
Un chiffre, un nom, un délai. Pas de 'optimiser le ROI'. Plutôt : 'on a divisé les frais par trois en huit semaines'.
Téléchargements,prêts à livrer.
- Sigle vectorielSVG ↓
- Sigle sur jauneSVG ↓
- Sigle sur noirSVG ↓
- Lockup horizontalSVG ↓
- Sigle jaune 1024 pxPNG ↓
- Sigle noir 1024 pxPNG ↓
- Favicon SVGSVG ↓
- Favicon ICO multi-resICO ↓
Le monde,autour.
Dieter Rams pour la discipline. Mario Bellini chez Olivetti pour le geste industriel italien. Naoto Fukasawa et Jasper Morrison pour le silence des objets. Kubrick et Storaro pour la lumière, Tarkovski et Solaris (1972) pour la patience. Le Corbusier (La Tourette) et Tadao Ando pour la masse. The Designers Republic, Hipgnosis et Josef Müller-Brockmann pour la grille. Pierre Cardin Cosmocorps1970 pour la couture spatiale. L'imagerie Apollo pour l'échelle, Akira (Otomo 1988) pour l'urgence. Les références qui tiennent la marque debout, posées comme un moodboard. Pas un musée, un terrain de travail.
