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 4 main SVG variants. Each should be chosen based on usage context. All vector — no quality loss when scaling.

Mark

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

Download SVG

Lockup — Dark

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

Download SVG

Lockup — Light

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

Download SVG

Favicon

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

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

04 — 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.

05 — Usage

Dos and Don'ts

Follow these rules to preserve logo integrity and brand consistency.

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

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