VEVONA

Marke Guide

Logo, Farbpalette, Typografie und Nutzungsregeln. Halten Sie sich an diesen Leitfaden für Konsistenz der Markenidentität.

01 — Logo

Logo-Varianten

Die Marke wird mit 4 SVG-Hauptvarianten geliefert. Jede sollte je nach Verwendungskontext gewählt werden. Alle vektorbasiert — kein Qualitätsverlust beim Skalieren.

Mark

Nur Chevron-Zeichen. Für Header, Footer, Social-Media-Avatar, kleine Platzierungen.

SVG herunterladen

Lockup — Dark

Für dunkle Web-/Print-Hintergründe. Landing-Hero, Dark-Mode-Panel, Social-Media-Cover.

SVG herunterladen

Lockup — Light

Für helle Web-/Print-Hintergründe. Rechnung, E-Mail-Signatur, Präsentations-Deckblatt.

SVG herunterladen

Favicon

64×64 Quadrat. Browser-Favicon. Moderne Browser unterstützen SVG-Favicons.

SVG herunterladen

02 — Konzept

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).

03 — Farben

Farbpalette

Die Markenidentität basiert auf diesen 6 Kernfarben. Token-Namen sind als CSS-Custom-Properties in vevona.min.css definiert.

#40C9A2

Mint Primary

--accent

Primäre Markenfarbe. Alle Chevrons auf dunklen Hintergründen, Akzente, CTA-Buttons.

#0d8a6c

Mint Dark

— (Light-BG-Variante)

Front-Chevron für helle Hintergründe. Kontrastreiche dunkle Variante von Mint Primary.

#7c6aef

Purple Secondary

--accent-2

Sekundär-Akzent. Hover-State, Highlight-Punkte, Ikonographie.

#050508

Ink Background

--bg

Agentur-Dunkelhintergrund. Startseite, Panel, Hero-Hintergrund.

#f4f4f6

Text Primary

--text

Primäre Textfarbe auf dunklen Hintergründen. Hohe Lesbarkeit, #f4 weiches Weiß.

#ff4d6a

Coral Alert

--red

Fehler, Warnung, destruktive Aktionen. Sparsam verwendet — nur wenn Aufmerksamkeit erforderlich ist.

04 — Typografie

Typografie-System

Zwei sich ergänzende Sans-Serifs. Plus Jakarta Sans verleiht Überschriften Charakter, Inter sorgt für Lesbarkeit im Kleintext.

Heading

Plus Jakarta Sans · --font

Aa Bb Cc

Moderne Webprodukte, digitale Strategie und Markenerlebnis.

400500600700800

Body / UI

Inter · --font-small

Aa Bb Cc

Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. 0123456789

400500600

Herunterladen: Beide Schriften sind kostenlos auf Google Fonts — Plus Jakarta Sans und Inter.

05 — Nutzung

Do's und Don'ts

Befolgen Sie diese Regeln, um Logo-Integrität und Markenkonsistenz zu wahren.

Bitte

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)

Nicht

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-07-01