Charte graphique

20h42 est une heure qui n’est pas ronde. C’est tout le concept. Personne n’annonce 20h42 : on annonce 20h30, ou 21h. Une heure précise et décalée signifie que quelqu’un a vraiment regardé, et qu’il ne s’est pas contenté d’arrondir.

L’image directrice n’est pas le détour, c’est le choix du chemin. Plusieurs routes mènent au même endroit ; certaines sont bloquées, d’autres coûtent trop cher, l’une passe. Le travail de l’agence est de les étudier toutes, puis d’en recommander une seule et de l’assumer. Il arrive souvent que ce soit la plus directe : la marque ne valorise jamais le détour pour lui-même.

Trois principes de design en découlent. Le premier : toute forme part d’un point A et arrive à un point B — les tracés sont des trajets, jamais des ornements. Le deuxième : on montre les options écartées en trait fin, la retenue en trait plein ; la valeur est dans l’écart entre les deux. Le troisième : deux accents, deux rôles — le kaki porte les décisions et le texte, le vert vif ponctue les points d’arrivée. Ils ne se remplacent jamais.

Registre de marque : précis, sobre, sûr de lui. On donne un avis, on ne présente pas un catalogue. L’humour existe, il est sec et il tient en une ligne.

Le symbole est un « h » dont l’épaule est détachée du fût. La lettre reste parfaitement lisible, mais le trait ne prend pas la liaison attendue : il marque une hésitation, le temps de vérifier qu’il n’existe pas mieux. C’est la lettre au centre du nom, et c’est la méthode en un glyphe.

• Le « h » du logotype est toujours en Kaki et d’une graisse plus légère que les chiffres. C’est le pivot du nom : il doit se voir.
• Chiffres en Archivo largeur 112 (élargie), graisse 700. Le logotype ne se compose dans aucune autre fonte.
• Zone de protection : une demi-hauteur de symbole tout autour du bloc.
• Taille minimale : 20 px de haut pour le symbole, 90 px de large pour le logotype.
• Le nom s’écrit « 20h42 » — pas « 20H42 », pas « 20:42 » en communication. Les deux-points sont réservés aux horodatages internes du site.
• Interdits : recoller l’épaule du « h », incliner le symbole, l’étirer, le poser sur une photo chargée, ou lui ajouter une ombre.

Un gris chaud très pâle en fond, un gris presque noir pour le texte, un vert kaki pour tout ce qui relève d’une décision — liens, boutons, chemin recommandé — et un vert vif, beaucoup plus clair, pour les points d’arrivée. Deux verts de la même famille, à deux distances différentes.

• Largeur utile : 1 184 px maximum, gouttières de 20 à 56 px selon l’écran.
• Unité de base : 4 px. Toutes les valeurs d’espacement en sont des multiples (4, 8, 12, 16, 24, 32, 48, 64, 96).
• Respiration entre sections : 72 à 136 px, avec un filet 1 px en Trait.
• Rayons : 3 px sur les boutons et les champs, 10 px sur les cartes et les fenêtres. Rien d’autre.
• Ombres : une seule, très basse et très diffuse, réservée à la fenêtre d’aperçu d’un site client. Partout ailleurs : filets et aplats.

12 colonnes de référence — un repère, pas une contrainte.