# 🎨 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)