foxdirectories

Identità visiva

Marchio

Un segno, una tinta per elenco, due caratteri. Quanto definito qui vale per tutti e sei gli elenchi.

Il segno

La testa di volpe è una rete di spigoli: si disegnano le linee, non le superfici. Lo spessore del tratto non è più nella geometria e si imposta per ogni dimensione.

Bianco carta
Inchiostro profondo

Il segno non ha un colore proprio. Segue il colore del testo e assume così la tinta della pagina.

Due versioni

Versione dettagliata

180 spigoli · da 56 px

Versione ridotta

24 spigoli · fino a 48 px

A grandezza reale

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

In ogni coppia: a sinistra la versione dettagliata, a destra quella ridotta. Sotto i 48 px circa la rete completa non regge più — sottile sparisce, spessa si impasta. Al di sotto vale la versione ridotta.

Colori

Il colore è informazione, non decorazione. Il marchio ombrello porta Clay, ogni elenco esattamente una tinta — non cinque.

Marchio ombrello

Clay

#B8543A

I sei elenchi

Fiduciarie #3F5E82
Veterinari #4F7A6B
Cure e assistenza #8A4A5C
Avvocati #4A5568
Dentisti #4A7A88
Asili nido #C0623A

Neutri

Sfondo #FAF9F5
Superficie #F2F0EA
Filetto #E5E1D8
Testo debole #8A837A
Testo #5C564E
Inchiostro #1A1815

Caratteri

Due caratteri, più uno per i dati tecnici.

Fuchs

Source Serif 4

Titoli

Scelto contro i graziati ad alto contrasto: a 52 px la riga deve reggere, non vibrare.

Fuchs

Inter

Testo corrente e interfaccia

Tutto ciò che si legge o si usa.

Fuchs

IBM Plex Mono

Dati tecnici

Numeri, valori esadecimali, identificativi — ovunque le cifre siano incolonnate.

Impostazione

Bianco carta caldo invece di bianco puro

Lo sfondo è #FAF9F5. Il bianco puro accanto a tinte calde appare sporco.

Filetti invece di ombre

Un filetto di un pixel separa. Un’ombra simula una profondità che non esiste.

Una tinta per elenco

Nessuna sfumatura, nessuna palette — una tinta desaturata da una famiglia comune.

Il graziato solo in grande

Il graziato porta i titoli. Il testo corrente resta Inter.