Visuelle Richtlinien — Kit v5
Ein kompaktes, praxistaugliches Design-System für Markenauftritte: Farbwelt, Typografie, Logonutzungen, Bildsprache und UI-Komponenten.
Farbpalette & Einsatz
Primär- und Sekundärfarben, Kontrastregeln und Beispiele für Druck- und Bildschirmanwendung.
Typografie
Primäre Schriftfamilie
"Inter" — klare Lesbarkeit für UI und digitale Anwendungen.
H1 Beispiel — Maximale Wirkung
H2 Beispiel — Sekundäre Überschrift
Fließtextbeispiel: Wir gestalten konsistente und skalierbare
Markenidentitäten für digitale und analoge Medien.
Zeilenabstand, Schriftschnitte und Skalierungsempfehlungen
sind im vollständigen PDF enthalten.
Logo & Anwendung
Schutzzonen & Varianten
Das Logo darf nicht verzerrt, eingefärbt oder mit visuellen Elementen überlagert werden. Varianten: Vollfarbe, Negativ, Monochrom.
- Schutzzone: 1x Höhe des Symbols rundherum freihalten.
- Mindestgröße: 24 px für digitale Anwendungen.
- Keine Rotation, keine Abstandreduzierung neben Typografie.
Bildsprache
Fotografien und Portraits — authentisch, kontrastreich, sachlich-modern. Menschen in Arbeitsumgebungen, klare Linien, minimale Retusche.
Portraits: Nah, natürlich, direkter Blick
Komponenten & Interaktion
Buttons, Karten, Formular-Elemente und responsive Regeln. Beispiele und Code-Snippets im Downloadpaket.
Primäre Buttons: Hintergrund #00EAFF, weiße Typo.
Sekundäre Buttons: transparent mit weißer Umrandung.
Größe, Abstand und Zustände sind dokumentiert.
Karten mit abgerundeten Ecken, dezenter Schatten und
klarer Hierarchie: Titel, Subtitle, CTA. Feste Abstände
(Padding 16–24px).
Lineare Icons mit 2px Strichstärke, Akzentfarbe für aktive
Zustände. Illustrationen reduziert und auf 2–3 Farben
limitiert.
Komponentenvorschau
Karten-Titel
Kurzbeschreibung / Kontext
Weitere Komponenten: Tabs, Modale, Formulare (Styles)
Praxisbeispiele & Do's / Don'ts
Do's
- Klare Kontraste für Lesbarkeit
- Konsistente Spacer- und Grid-Logik
- Verwende offizielle Logo-Assets aus dem Paket
Don'ts
- Logo nicht mit Text oder Icons überlagern
- Keine unpassenden Farbverläufe über Logo
- Fotos nicht stark entsättigen oder verfremden
Downloads & Support
Visuelle Richtlinien — Kit v5 (PDF)
Komplettes Styleguide-PDF mit Assets, Spezifikationen und
Codebeispielen.
Für Anpassungen, Individualisierung oder Druckdaten
kontaktieren Sie unser Studio.
