🎨 Vapora Logo System

Complete branding system with horizontal and vertical variations

💡 Tip: Click on any logo preview to open it in a full-screen view in a new tab

📐 Horizontal Logos

Animated (Color)

Main version with animations - Black background

animated

White Background

For light backgrounds - Static version

static

Monochromatic

Grayscale - For printing and B/W applications

static

Favicon

64x64px - For browser tabs and favicons

animated

Static Version

No animations - For documents and PDFs

static

⬇️ Vertical Logos

Animated (Color)

Vertical version with animations - Image on top, text below

animated

White Background

For light backgrounds - Static version

static

Monochromatic

Grayscale - For printing

static

Favicon Vertical

64x64px - Compact vertical version

animated

Static Version

No animations - Vertical version for documents

static

🎯 Brand Specifications

Typography

Main Logo:

Font: JetBrains Mono / Fira Code
Style: Monospace
Weight: 800 (Bold)
Letter Spacing: 2-3px

Tagline:

Font: Inter
Style: Sans-serif
Size: 8px
Letter Spacing: 0.1em
Text: "Evaporate complexity"

Color Palette

Cyan

HTML: #22d3ee

RGB: rgb(34, 211, 238)

CMYK: 86%, 11%, 0%, 7%

Purple

HTML: #a855f7

RGB: rgb(168, 85, 247)

CMYK: 32%, 66%, 0%, 3%

Pink

HTML: #ec4899

RGB: rgb(236, 72, 153)

CMYK: 0%, 70%, 35%, 8%

Black Background

HTML: #000000

RGB: rgb(0, 0, 0)

CMYK: 0%, 0%, 0%, 100%

White Background

HTML: #ffffff

RGB: rgb(255, 255, 255)

CMYK: 0%, 0%, 0%, 0%

Gradient: Cyan → Purple → Pink (horizontal transition)