foxdirectories

Erscheinungsbild

Marke

Ein Signet, ein Grundton je Verzeichnis, zwei Schriften. Was hier steht, gilt für alle sechs Verzeichnisse.

Das Signet

Der Fuchskopf ist ein Kantennetz: gezeichnet werden die Linien, nicht die Flächen. Die Strichstärke steckt dadurch nicht in der Geometrie, sondern lässt sich pro Grösse setzen.

Papierweiss
Tiefe Tinte

Das Signet hat keine eigene Farbe. Es folgt der Textfarbe und nimmt damit den Ton der jeweiligen Seite an.

Zwei Fassungen

Detailfassung

180 Kanten · ab 56 px

Kleinmarke

24 Kanten · bis 48 px

In echter Grösse

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

Je Paar links die Detailfassung, rechts die Kleinmarke. Unter etwa 48 px trägt das volle Netz nicht mehr — dünn verschwindet es, dick verklebt es. Darunter gilt die Kleinmarke.

Farben

Farbe ist Information, keine Dekoration. Die Dachmarke trägt Clay, jedes Verzeichnis genau einen Ton — nicht fünf.

Dachmarke

Clay

#B8543A

Die sechs Verzeichnisse

Treuhand #3F5E82
Tierärzte #4F7A6B
Pflege & Betreuung #8A4A5C
Anwälte #4A5568
Zahnärzte #4A7A88
Kitas #C0623A

Neutrale

Grund #FAF9F5
Fläche #F2F0EA
Linie #E5E1D8
Text schwach #8A837A
Text #5C564E
Tinte #1A1815

Schrift

Zwei Schriften, dazu eine für technische Angaben.

Fuchs

Source Serif 4

Überschriften

Gewählt gegen Serifen mit hohem Strichkontrast: bei 52 px muss die Zeile tragen, nicht flimmern.

Fuchs

Inter

Fliesstext und Bedienung

Alles, was gelesen oder bedient wird.

Fuchs

IBM Plex Mono

Technische Angaben

Zahlen, Hex-Werte, Kennungen — überall dort, wo Ziffern untereinander stehen.

Haltung

Warmes Papierweiss statt Reinweiss

Der Grund ist #FAF9F5. Reinweiss neben warmen Tönen wirkt schmutzig.

Hairlines statt Schatten

Ein Pixel Linie trennt. Ein Schatten simuliert Tiefe, die es nicht gibt.

Ein Ton je Verzeichnis

Kein Verlauf, keine Palette — ein entsättigter Ton aus einer gemeinsamen Familie.

Serif nur gross

Die Serif trägt Überschriften. Fliesstext bleibt Inter.