Klar im Auftritt.
Stark im Detail.
Die visuelle Basis für Foxhound. Dunkle Flächen, klare Typografie und ein Akzent, der bleibt.
FOXHOUND EST. 2021
Diese Seite zeigt ausschließlich das Designsystem. Die öffentliche Teamwebsite folgt später.
01 / GRUNDLAGEN
Unsere Basis.
Aus dem Logo. Auf den Punkt.
#000000Hintergrund#3F3F3FFlächen#FFD000Primärer Akzent#FFFFFFText & Kontrast#F3520CSekundärer AkzentTYPOGRAFIE / HEADLINES
Bereit.
Gemeinsam.
Arial Black · kraftvoll & kompakt
TYPOGRAFIE / TEXT
Klare Worte. Gute Lesbarkeit.
Ein ruhiges Schriftbild schafft Orientierung. Großzügige Abstände geben Inhalten Raum. Die Systemschriften bleiben auf jedem Gerät schnell verfügbar.
Arial / Helvetica · 16 px · Zeilenhöhe 1,6
Zu den Komponenten02 / KOMPONENTEN
Ein System. Viele Möglichkeiten.
AKTIONEN
Buttons
Klare Hierarchie für jede Aktion.
EINGABEN
Formularfelder
Nur eine Eingabe-Demo. Es wird nichts gespeichert.
Bitte gib eine gültige E-Mail-Adresse ein.
FLÄCHEN
Raum für das Wesentliche.
Eine flexible Karte mit ruhigen Konturen, klarer Hierarchie und einem dezenten Camo-Detail.
KENNZEICHNUNG
Badges & Status
Farbe unterstützt den Text. Die Bedeutung bleibt lesbar.
BENACHRICHTIGUNGEN
| Komponente | Einsatz | Status |
|---|---|---|
| Button | Aktionen & Formulare | Verfügbar |
| Card | Inhalte & Übersichten | Verfügbar |
| Dialog | Fokussierte Interaktionen | Verfügbar |
03 / FEEDBACK
Orientierung in jedem Moment.
Ladezustand
Fehlerzustand
Beispiel eines Ladefehlers
Eine verständliche Meldung mit einem klaren nächsten Schritt.