Vevona VEVONA

Brand Guide

Logo, color palette, typography and usage rules. Follow this guide for corporate identity consistency.

01 — Logo

Logo variants

The brand ships with 5 SVG variants. Choose by context of use. All vector — no quality loss when scaling.

Vevona Mark

Mark

Chevron mark only. For header, footer, social media avatar, small placements.

Download SVG
Vevona Lockup (Dark)

Lockup — Dark

For dark-background web/print. Landing hero, dark mode panel, social media cover.

Download SVG
Vevona Lockup (Light)

Lockup — Light

For light-background web/print. Invoice, email signature, presentation cover.

Download SVG
Vevona Favicon

Favicon

64×64 square. Browser favicon. Modern browsers support SVG favicons.

Download SVG
Vevona Mark — düz varyant

Mark — Flat

Geometry identical to Mark; the opacity layers are baked into solid colours. For image-generation models, embroidery, screen printing and single-colour printing — contexts where opacity is not preserved.

Download SVG
02 — Concept

Kinetic Echo

Three overlapping chevrons — a layered V that evokes motion and speed. The foundation of the brand character.

Layer Opacity (Dark) Opacity (Light) Color
Echo 1 (back) 0.20 0.25 #40C9A2
Echo 2 (middle) 0.50 0.55 #40C9A2
Front 1.00 1.00 #40C9A2 dark / #0d8a6c light

Echo offset: 9px (medium density — balanced rhythm between tight 6px and wide 12px).

03 — Production

Generating images with AI

The echo structure gives the brand its character, but it is a structure image-generation models cannot read. That is why the logo breaks when you have a model draw it.

The three chevrons are 36 units wide with an offset of only 9 units — so 75% of each V sits inside the next. The only thing separating them is opacity; same colour, no outline, no gap. Models reproduce an impression, not geometry; with no boundary to hold on to they redraw the mark as “a V inside a V”. On a light ground the back layer's luminance difference drops to 17/255, which makes the problem worse.

Vevona Mark — opaklıklı

With opacity — not suitable for generation

On a light ground the back layers almost vanish. The model invents structure to fill what it cannot see.

Vevona Mark — düz

Flat — for generation

Same geometry, three solid colours. The boundaries between layers are fixed and independent of the background.

Layer With opacity Flat variant
Echo 1 (back) #40C9A2 @ 0.20#1E6B55
Echo 2 (middle) #40C9A2 @ 0.50#2B997A
Front #40C9A2 @ 1.00#40C9A2
Do
  • Generate the image without the logo and overlay the real logo afterwards — this is the only correct method
  • Ask the prompt to keep the area where the logo will sit clean
  • If you must give the model a reference, give it the flat variant and a high-resolution version
  • Typeset Turkish text — the characters İ, ğ, ş, ç do not come out consistently in generation
Don't
  • Don't ask for a logo in the prompt — a second, broken logo will remain under the real one you overlay
  • Don't hand over the 58×48 pixel vevona-sig-logo.png as a reference
  • Don't publish a model-generated logo, not even with the flat variant — it approximates, it is not exact
  • Don't use the flat variant in place of the opacity version on web and in print
04 — Colors

Color palette

The brand identity is built on these 6 core colors. Token names are defined as CSS custom properties in vevona.min.css.

#40C9A2

Mint Primary

--accent

Primary brand color. All chevrons on dark backgrounds, highlights, CTA buttons.

#0d8a6c

Mint Dark

— (light bg variant)

Front chevron for light backgrounds. High-contrast dark variant of Mint Primary.

#7c6aef

Purple Secondary

--accent-2

Secondary accent. Hover state, highlight points, iconography.

#050508

Ink Background

--bg

Agency dark background. Homepage, panel, hero background.

#f4f4f6

Text Primary

--text

Primary text color on dark backgrounds. High readability, #f4 soft white.

#ff4d6a

Coral Alert

--red

Error, warning, destructive actions. Used sparingly — only when attention is needed.

05 — Typography

Typography system

Two complementary sans-serifs. Plus Jakarta Sans brings character to headings, Inter delivers readability in small text.

Heading
Plus Jakarta Sans · --font
Aa Bb Cc

Modern web products, digital strategy and brand experience.

400500600700800
Body / UI
Inter · --font-small
Aa Bb Cc

The quick brown fox jumps over the lazy dog. 0123456789

400500600

Download: Both typefaces are free on Google Fonts — Plus Jakarta Sans and Inter.

06 — Usage

Dos and Don'ts

Follow these rules to preserve logo integrity and brand consistency.

Do
  • Leave at least the logo's height as clear space around it
  • Keep minimum 24px for Mark, minimum 80px width for lockup
  • Use Mint Primary on dark backgrounds, Mint Dark variant on light backgrounds
  • Prefer the SVG version — vector scales infinitely
  • Preserve Echo layer opacity ratios (0.2 / 0.5 / 1.0)
  • Don't have the logo drawn in image generation — overlay it afterwards; see Generating images with AI
Don't
  • Don't rotate, tilt, stretch or disproportionately scale the logo
  • Don't change brand colors — especially gradients or off-brand tones
  • Don't add effects like shadows, outlines, or glow to the logo
  • Don't use on low-contrast backgrounds (e.g., mint on mint)
  • Don't change the opacity or offset of Echo layers

For questions [email protected]

vevona-brand-kit · v1.0 · 2026-09-30