Brand Identity
Zero2One Design System
Richtlinien für Markenidentität, visuelle Sprache und Komponentenbibliothek.
Wortmarke
Die Zero2One-Wortmarke wird zusammen mit dem PNG-Symbol verwendet. Minimaler Freiraum um das Logo entspricht der Höhe des Symbols.
Zero2OneZero2One
Farbpalette
Minimale, kontraststarke Palette. Schwarz-Weiß mit subtilen Zwischentönen.
Background
#0A0A0A
HSL: 0 0% 4%
var(--background)
Surface / Card
#141414
HSL: 0 0% 8%
var(--card)
Secondary
#1F1F1F
HSL: 0 0% 12%
var(--secondary)
Border
#242424
HSL: 0 0% 14%
var(--border)
Muted Text
#8A8A8A
HSL: 0 0% 54%
var(--muted-foreground)
Foreground
#F5F5F0
HSL: 50 10% 95%
var(--foreground)
Schriftsystem
TeX Gyre Heros — eine klare, hochlesbare Sans-Serif. Eingebunden sind Regular 400, Italic 400, Bold 700 und Bold Italic 700.
Spacing System
Basierend auf einem 4px-Raster. Konsistente Abstände für Layouts und Komponenten.
Buttons
Drei Button-Varianten: Primary (gefüllt), Secondary (Outline), Ghost.
Cards
Content-Container mit subtilen Borders und Hover-Effekten.
Default Card
Subtiler Border, dunkler Hintergrund, klare Typografie.
Interactive Card
Mit Hover-Effekt für interaktive Elemente.
Step Card
Für Prozessdarstellungen.
Tone of Voice
Richtlinien für die sprachliche Kommunikation der Marke.
✓ So klingt Zero2One
- Fachlich und präzise
- Klar und direkt
- Vertrauenswürdig und souverän
- Kurze Sätze, starke Aussagen
- Ergebnisorientiert, nicht feature-orientiert
✗ So nicht
- Verspielt oder casual
- Buzzword-lastig ohne Substanz
- Übertrieben werblich
- Lange, verschachtelte Texte
- Generische Startup-Sprache
Vier Säulen der Marke
Minimal
Reduktion auf das Wesentliche. Kein visuelles Rauschen, keine unnötige Komplexität.
Souverän
Selbstbewusstes Auftreten. Vertrauen durch Kompetenz und Klarheit, nicht durch Lautstärke.
Präzise
Jedes Wort, jedes Element hat eine Funktion. Nichts ist zufällig, alles ist durchdacht.
High-Trust
Vertrauensaufbau durch Transparenz, technische Tiefe und konsistente Qualität.