VEVONA
Marke Guide
Logo, Farbpalette, Typografie und Nutzungsregeln. Halten Sie sich an diesen Leitfaden für Konsistenz der Markenidentität.
Logo-Varianten
Die Marke kommt mit 5 SVG-Varianten. Wählen Sie nach Einsatzkontext. Alle vektorbasiert — kein Qualitätsverlust beim Skalieren.
Mark
Nur Chevron-Zeichen. Für Header, Footer, Social-Media-Avatar, kleine Platzierungen.
Lockup — Dark
Für dunkle Web-/Print-Hintergründe. Landing-Hero, Dark-Mode-Panel, Social-Media-Cover.
Lockup — Light
Für helle Web-/Print-Hintergründe. Rechnung, E-Mail-Signatur, Präsentations-Deckblatt.
Favicon
64×64 Quadrat. Browser-Favicon. Moderne Browser unterstützen SVG-Favicons.
Mark — Flach
Geometrie identisch mit Mark; die Deckkraftebenen sind in Volltonfarben eingebrannt. Für Bildgenerierungsmodelle, Stickerei, Siebdruck und einfarbigen Druck — Kontexte, in denen Deckkraft nicht erhalten bleibt.
Kinetic Echo
Drei übereinanderliegende Chevrons — ein geschichtetes V, das Bewegung und Geschwindigkeit vermittelt. Die Grundlage des Markencharakters.
| Ebene | Deckkraft (Dark) | Deckkraft (Light) | Farbe |
|---|---|---|---|
| Echo 1 (hinten) | 0.20 |
0.25 |
#40C9A2 |
| Echo 2 (Mitte) | 0.50 |
0.55 |
#40C9A2 |
| Front | 1.00 |
1.00 |
#40C9A2 dark / #0d8a6c light |
Echo offset: 9px (mittlere Dichte — ausgewogener Rhythmus zwischen engen 6px und breiten 12px).
Bildgenerierung mit KI
Die Echo-Struktur gibt der Marke ihren Charakter, ist aber eine Struktur, die Bildgenerierungsmodelle nicht lesen können. Deshalb bricht das Logo, wenn ein Modell es zeichnet.
Die drei Chevrons sind 36 Einheiten breit bei einem Versatz von nur 9 Einheiten — 75 % jedes V liegen also im nächsten. Getrennt werden sie allein durch Deckkraft; gleiche Farbe, keine Kontur, kein Abstand. Modelle erzeugen einen Eindruck, keine Geometrie; ohne Grenzlinie zeichnen sie die Marke als „ein V im V“. Auf hellem Grund sinkt der Helligkeitsunterschied der hinteren Ebene auf 17/255, was das Problem verschärft.
Mit Deckkraft — nicht für Generierung geeignet
Auf hellem Grund verschwinden die hinteren Ebenen fast. Das Modell erfindet Struktur für das, was es nicht sieht.
Flach — für die Generierung
Gleiche Geometrie, drei Volltonfarben. Die Grenzen zwischen den Ebenen sind fest und hintergrundunabhängig.
| Ebene | Mit Deckkraft | Flache Variante |
|---|---|---|
| Echo 1 (hinten) | #40C9A2 @ 0.20 | #1E6B55 |
| Echo 2 (Mitte) | #40C9A2 @ 0.50 | #2B997A |
| Front | #40C9A2 @ 1.00 | #40C9A2 |
- Erzeugen Sie das Bild ohne Logo und legen Sie das echte Logo danach darüber — das ist die einzig richtige Methode
- Verlangen Sie im Prompt, den Bereich für das Logo frei zu halten
- Wenn Sie dem Modell eine Referenz geben müssen, geben Sie die flache Variante und eine hochauflösende Fassung
- Setzen Sie türkischen Text typografisch — die Zeichen İ, ğ, ş, ç kommen in der Generierung nicht zuverlässig heraus
- Fordern Sie im Prompt kein Logo an — unter dem echten überlagerten Logo bleibt sonst ein zweites, kaputtes
- Geben Sie nicht die 58×48 Pixel große vevona-sig-logo.png als Referenz weiter
- Veröffentlichen Sie kein modellgeneriertes Logo, auch nicht mit der flachen Variante — es nähert an, es ist nicht exakt
- Verwenden Sie die flache Variante im Web und im Druck nicht anstelle der Deckkraft-Version
Farbpalette
Die Markenidentität basiert auf diesen 6 Kernfarben. Token-Namen sind als CSS-Custom-Properties in vevona.min.css definiert.
Mint Primary
--accentPrimäre Markenfarbe. Alle Chevrons auf dunklen Hintergründen, Akzente, CTA-Buttons.
Mint Dark
— (Light-BG-Variante)Front-Chevron für helle Hintergründe. Kontrastreiche dunkle Variante von Mint Primary.
Purple Secondary
--accent-2Sekundär-Akzent. Hover-State, Highlight-Punkte, Ikonographie.
Ink Background
--bgAgentur-Dunkelhintergrund. Startseite, Panel, Hero-Hintergrund.
Text Primary
--textPrimäre Textfarbe auf dunklen Hintergründen. Hohe Lesbarkeit, #f4 weiches Weiß.
Coral Alert
--redFehler, Warnung, destruktive Aktionen. Sparsam verwendet — nur wenn Aufmerksamkeit erforderlich ist.
Typografie-System
Zwei sich ergänzende Sans-Serifs. Plus Jakarta Sans verleiht Überschriften Charakter, Inter sorgt für Lesbarkeit im Kleintext.
Moderne Webprodukte, digitale Strategie und Markenerlebnis.
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. 0123456789
Herunterladen: Beide Schriften sind kostenlos auf Google Fonts — Plus Jakarta Sans und Inter.
Do's und Don'ts
Befolgen Sie diese Regeln, um Logo-Integrität und Markenkonsistenz zu wahren.
- Lassen Sie mindestens die Logohöhe als Freiraum um das Logo
- Halten Sie mindestens 24px für Mark, mindestens 80px Breite für Lockup
- Nutzen Sie Mint Primary auf dunklen Hintergründen, Mint Dark auf hellen
- Bevorzugen Sie die SVG-Version — Vektor skaliert unbegrenzt
- Bewahren Sie die Deckkraft-Verhältnisse der Echo-Ebenen (0.2 / 0.5 / 1.0)
- Lassen Sie das Logo nicht in der Bildgenerierung zeichnen — legen Sie es danach darüber; siehe Bildgenerierung mit KI
- Drehen, kippen, dehnen oder verzerren Sie das Logo nicht
- Ändern Sie die Markenfarben nicht — insbesondere keine Farbverläufe oder markenfremde Töne
- Fügen Sie dem Logo keine Effekte wie Schatten, Konturen oder Glow hinzu
- Nicht auf kontrastarmen Hintergründen (z. B. Mint auf Mint) verwenden
- Ändern Sie nicht die Deckkraft oder den Offset der Echo-Ebenen
Bei Fragen [email protected]
vevona-brand-kit · v1.0 · 2026-10-01