Wordmark
Hauptvariante, dunkler Hintergrund
Marke
uh!ive Branding Kit
Logos, Farben, Schriften und Regeln zur Verwendung der Marke uh!ive, an einem Ort versammelt. Alles, was nötig ist, um die Marke korrekt zu vertreten, intern wie extern.
Logo
Das Logo und seine Varianten
Vier offizielle Formen decken alle Anwendungen ab. Die Wortmarke für weite Kontexte, die Bubble für kleine Formate und Avatare. Halten Sie die Proportionen ein, färben Sie nie außerhalb der Palette um.
Wortmarke + Claim
Offizielle Kommunikation
Bubble
Kleine Formate, Favicon, Avatar
Invertierte Wortmarke
Für helle Hintergründe
Schutzraum
Wortmarke: 1x die Höhe des h ringsum. Bubble: 0,25x der Durchmesser. Kein Element dringt in diese Zone ein.
Mindestgrößen
Wortmarke mit Tagline: 140px am Bildschirm, 35mm im Druck. Ohne Tagline: 80px, 20mm. Darunter wechseln Sie zur Bubble.
Zulässige Farben
Primary weiß auf dunklem Hintergrund. Inverted Blueprint 800 auf hellem Hintergrund. Bubble immer in Glacier 500.
Zu tun
- Die offiziellen Quelldateien verwenden
- Die Proportionen wahren (rein gleichmäßige Skalierung)
- Den Schutzraum einhalten
- Das Symbol auf offiziellen Materialien ergänzen
Niemals tun
- Verzerren, neigen oder drehen
- Außerhalb der Palette umfärben oder Effekte hinzufügen
- Das Ausrufezeichen vom i trennen
- Das Logo auf kontrastarmen Hintergrund setzen
Farben
Offizielle Palette
Sieben Familien, je zehn Abstufungen, von 50 bis 900. Die Variablen sind die Quelle der Wahrheit: Glacier für den Akzent, Blueprint für die Struktur, Obsidian für die Flächen.
Ein Klick kopiert
Glacier
Signaturakzent, interaktive FarbeBlueprint
Struktur, Tiefe, HintergründeObsidian
Dunkle Neutraltöne, Code, FlächenPremium
KI-Violett, erweiterte FunktionenSuccess
Positiver Status, BestätigungWarning
Fehler, kritische WarnungAttention
Achtung, zu meldende InformationBarrierefreiheit: die Abstufungen 400 und 500 werden nie als Text auf hellem Hintergrund verwendet (zu geringer Kontrast). Auf dem dunklen Referenzhintergrund bevorzugen Sie die Abstufungen 200 bis 400. Vermitteln Sie eine Information nie allein über die Farbe.
Typografie
Drei Familien, ein System
Montserrat trägt die Überschriften der Website und der Webkommunikation. Inter trägt die Oberfläche, den Fließtext und die Webapp. JetBrains Mono dient Code, Daten und API.
Aa
Inter
Oberfläche, Fließtext, Webapp
400 / 500 / 600 / 700 / 800
Google FontsAa
Montserrat
Überschriften von Website und Web, Druck
500 / 600 / 700 / 800
Google FontsAa
JetBrains Mono
Code, Daten, API
400 / 500
Google FontsTextskala
| Token | Größe | Zeilenhöhe | Schnitt |
|---|---|---|---|
| Display | 72px | 1.05 | 800 |
| H1 | 56px | 1.1 | 700 |
| H2 | 40px | 1.15 | 700 |
| H3 | 28px | 1.25 | 600 |
| H4 | 22px | 1.3 | 600 |
| H5 | 18px | 1.4 | 600 |
| H6 | 15px | 1.5 | 600 |
| Lg | 18px | 1.6 | 400 |
| Base | 16px | 1.6 | 400 |
| Sm | 14px | 1.5 | 400 |
| Xs | 13px | 1.5 | 400 |
| 2xs | 11px | 1.4 | 600 |
Ikonografie
Icons
Das System beruht auf der Lucide-Basis, einheitliche Striche, nie Text als Bild. Drei Referenzgrößen je nach Kontext.
16px
Fließtext, Labels
20px
Schaltflächen, Felder
24px
Navigation, Karten
Semantische Farben an der Palette ausgerichtet: Glacier für Interaktives, Blueprint für Neutrales, Semantiken für Zustände. Klickfläche mindestens 44x44px.
Downloads
Ressourcen
Das gesamte Markenmaterial, einsatzbereit.
Unsicher bei einer Verwendung?
Die Marke uh!ive ist ein geschütztes Gut. Für jede Verwendung außerhalb der hier behandelten Fälle, Co-Branding, Pressematerial oder besondere Anfrage, wenden Sie sich an das Team. Siehe auch unsere Expertise.