Links a un nouveau logo. Le mot LINKS, dont le « IN » est remplacé par une marque dessinée pour nous.
La marque, seule : un chevron ouvert vers le bas, posé sur deux montants parallèles qui descendent plus bas que les bras, et un point détaché juste au-dessus. Dans le mot, elle est orange. Dans l'onglet du navigateur, c'est l'inverse — l'encre passe en blanc sur un disque noir et seul le point garde la couleur.
Un logo, c'est un détail. Sauf que c'est le détail que les gens voient en premier, dans un onglet de navigateur, sur une carte qu'on leur tend, dans une notification. Autant qu'il dise quelque chose.
Une flèche vers le haut, pas une flèche vers l'extérieur
La plupart des produits de notre catégorie utilisent une flèche qui part en diagonale, celle de « lien externe ». C'est logique — leur travail est de vous envoyer ailleurs.
Ce n'est pas tout à fait le nôtre. Links sert à rassembler : une adresse, une page, tout ce que vous avez à donner à quelqu'un qui vient de vous rencontrer. Le mouvement va donc vers le haut, pas vers la sortie.
Les deux montants sont là pour la même raison. Ils sont parallèles, ils ne se touchent jamais, et ils continuent sous les bras du chevron : deux personnes qui avancent dans la même direction sans fusionner. Un échange de contact, ce n'est pas une fusion.
Le point au-dessus est détaché exprès. Il n'est pas posé sur la pointe, il flotte — c'est la partie de la marque qui bouge, qui accroche, qui porte la couleur. Le reste est de l'encre.
L'orange, et ce qu'il n'est pas
Notre accent est le #ff751f. Un orange franc, presque un orange de chantier.
Il n'y a pas de violet dans Links, et ce n'est pas un oubli. Le violet est devenu la couleur par défaut de tout ce qui ressemble à une page de liens ; le choisir, c'était accepter d'être confondu avec le reste. Nos premiers wireframes en étaient pleins, parce qu'ils s'inspiraient de ce qui existait déjà — cette couleur-là n'est jamais arrivée jusqu'au produit.
L'orange fait autre chose. Il est chaud, il se voit sur un téléphone en plein soleil, et il ne demande pas la permission. C'est la couleur de ReachDem depuis le début et Links en hérite plutôt que d'inventer la sienne.
Ce que l'orange n'est pas, en revanche, c'est la couleur principale. Notre
primary est un noir presque noir, volontairement. Une page Links n'est pas
notre page : c'est celle de la personne dont elle porte le nom, et ses couleurs
à elle doivent pouvoir prendre toute la place. L'orange se réserve à ce qui
nous appartient — un état, un accent, un point au-dessus d'un chevron.
Seize pixels
La partie du travail que personne ne voit, c'est le favicon.
Un onglet de navigateur affiche votre logo dans un carré de seize pixels de côté. À cette taille, la géométrie réelle de la marque donne aux deux montants une épaisseur de 0,69 pixel et à l'espace entre eux 0,41 pixel. Un écran ne sait pas dessiner ça : les deux montants se moyennent en une seule barre grise, et ce qui distinguait la marque disparaît. Le point orange, lui, s'écrase en un brun indistinct.
Il a donc fallu redessiner la marque pour les petites tailles : des montants plus épais, décalés d'un demi-pixel pour que l'espace entre eux tombe sur un pixel entier plutôt que sur une frontière, et des bras maintenus fins pour que le creux sombre entre le bras et la jambe survive. C'est ce creux qui empêche la marque de se lire comme une simple pointe de flèche.
Le fichier .ico embarque les deux dessins : 16 et 32 pixels utilisent la
version redessinée, 48 pixels et au-delà utilisent la géométrie exacte, parce
que c'est à partir de là qu'elle sépare proprement les montants.
Le disque noir, lui, n'existe que dans le favicon. La marque de base est livrée nue, faite pour être posée sur un fond qu'on connaît — mais un onglet n'est pas un fond qu'on connaît. Une marque claire disparaît sur un thème sombre, une marque sombre disparaît sur un thème clair. Porter son propre disque est la seule façon d'avoir un fichier qui reste correct dans les deux.
Ce que ça change pour vous
Rien, et c'est voulu. Votre page ne change pas d'apparence parce que notre logo a changé — au contraire, c'est justement ce que dit le noir presque noir.
Mais la prochaine fois que vous verrez cet onglet, vous saurez que le point orange est à cette hauteur-là pour une raison.