foxdirectories

Identité visuelle

Marque

Un signe, une teinte par annuaire, deux caractères. Ce qui est défini ici vaut pour les six annuaires.

Le signe

La tête de renard est un réseau d'arêtes : ce sont les lignes qui sont tracées, pas les surfaces. L'épaisseur du trait ne tient donc plus à la géométrie et se règle pour chaque taille.

Blanc papier
Encre profonde

Le signe n'a pas de couleur propre. Il suit la couleur du texte et prend ainsi la teinte de la page.

Deux versions

Version détaillée

180 arêtes · dès 56 px

Version réduite

24 arêtes · jusqu'à 48 px

En taille réelle

96 px
64 px
48 px
32 px
24 px
20 px

Par paire : à gauche la version détaillée, à droite la version réduite. En dessous de 48 px environ, le réseau complet ne tient plus — trop fin il disparaît, trop épais il se colmate. En dessous, la version réduite.

Couleurs

La couleur est une information, pas une décoration. La marque faîtière porte Clay, chaque annuaire exactement une teinte — pas cinq.

Marque faîtière

Clay

#B8543A

Les six annuaires

Fiduciaires #3F5E82
Vétérinaires #4F7A6B
Soins & accompagnement #8A4A5C
Avocats #4A5568
Dentistes #4A7A88
Crèches #C0623A

Neutres

Fond #FAF9F5
Surface #F2F0EA
Filet #E5E1D8
Texte faible #8A837A
Texte #5C564E
Encre #1A1815

Typographie

Deux caractères, plus un pour les données techniques.

Fuchs

Source Serif 4

Titres

Choisie contre les serifs à fort contraste : à 52 px, la ligne doit porter, pas vibrer.

Fuchs

Inter

Texte courant et interface

Tout ce qui se lit ou s'utilise.

Fuchs

IBM Plex Mono

Données techniques

Chiffres, valeurs hexadécimales, identifiants — partout où les chiffres s'alignent.

Principes

Blanc papier chaud plutôt que blanc pur

Le fond est #FAF9F5. Le blanc pur paraît sale à côté de teintes chaudes.

Filets plutôt qu’ombres

Un filet d'un pixel sépare. Une ombre simule une profondeur qui n'existe pas.

Une teinte par annuaire

Pas de dégradé, pas de palette — une teinte désaturée issue d’une famille commune.

La serif uniquement en grand

La serif porte les titres. Le texte courant reste en Inter.