Concevoir un logo responsive : une identité qui s'adapte à tous les formats
Un seul fichier ne suffit plus. Version principale, submark, monogramme : comment construire un système de logo capable de rester lisible aussi bien sûr une facade de dix metres que sur un favicon de seize pixels.
Un seul logo ne suffit plus
Demandez à un client son "logo" et il imagine un unique fichier. Or ce même graphisme doit fonctionner impeccablement imprime sur une facade de dix metres et réduit à un favicon de seize pixels dans un onglet de navigateur. Aucun objet graphique ne reste lisible sur une telle amplitude d'echelle : il faut penser système plutôt que fichier unique.
Ce système repose sur un lockup principal, cette combinaison fixe du symbole et du wordmark avec des proportions et un espacement definis une bonne fois pour toutes. C'est cette version complète qui s'affiche la ou l'espace ne manque pas : signature email, site web, papier a en-tete.
Simplifier sans trahir : submark et monogramme
Quand l'espace se réduit - icone d'application, avatar réseaux sociaux, tampon - le lockup complet devient illisible. C'est le rôle du submark, cette version secondaire et plus simple, souvent limitée au symbole seul, pensée des le départ pour ces contextes contraints plutôt que bricolée dans l'urgence.
À l'extrême, le monogram va plus loin encore : une marque minimale, souvent les initiales du nom, réservée aux plus petits formats comme le favicon, cette icone miniature affichée dans l'onglet du navigateur, ou l'icone d'une application mobile. Un bon monogram se dessine en même temps que le logo principal, jamais en catastrophe la veille du lancement d'une app.
Documenter les règles : clear space et taille minimale
Un système de logo sans règles ecrites finit toujours par être deforme : etire par un stagiaire presse, ecrase dans un bandeau trop etroit, colle contre un bord de page. Le clear space fixe une marge minimale obligatoire tout autour du logo, souvent calculée à partir d'un élément du symbole lui-même, pour protéger sa lisibilite quel que soit le support.
La minimum size complète cette règle : la plus petite taille en dessous de laquelle le logo perd en lisibilite et doit céder la place à son submark ou son monogram. Documenter ces deux règles dans les brand guidelines évite bien des allers-retours avec une agence ou un fabricant qui ne connait pas la marque.
Vocabulaire de l'article
7 termes“Never separate the symbol from the wordmark outside the official lockup.”
“The wordmark alone works fine on the website header.”
“We use the submark on the app icon and social avatars.”
“The monogram is the only version legible at sixteen pixels.”
“The favicon uses the monogram, not the full lockup.”
“Keep the clear space equal to the height of the symbol.”
“Below the minimum size, switch to the submark instead.”