foxdirectories

Identité visuelle

Marque

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

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

Plaquette

pleine · jusqu'à 16 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 plaquette. 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 annuaires

Fiduciaires #3F5E82
Vétérinaires #4F7A6B
Soins & accompagnement #8A4A5C
Avocats #4A5568
Dentistes #4A7A88
Crèches #C0623A
Physiothérapie #6A5A8C
Contrôle électrique #6B7546
Paysagistes #2D5636
Écoles privées #2E4A7A
Esthétique médicale #7A4A7A
Auto-écoles #1D5AA6
Électriciens #A8322D
Garages #1F5A66
Immobilier #7A5A45
Lieux d'événements #8A6A2E

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.

La société faîtière

fox directories appartient à o-bi. Le signe d'o-bi suit le même principe que celui présenté ici : une construction, pas un dessin.

Une grille 5×5 de carrés de 65. Vingt cases pleines, cinq ouvertes — les ouvertes forment le glyphe. La couleur se décline en trois valeurs, en bandes verticales, du foncé à gauche au clair à droite.

Une teinte par domaine

#505152
#466983
#447D54
#F08A2B
#754E94

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.