# ViralMe Brand Guidelines

**Tagline:** Create viral fun in seconds.
**Operator:** Moazart Production · Azieweg 158, 2037 XZ Haarlem, NL · KVK 74210831 · VAT NL002503702B49

## Logo
- Primary mark: spark + ripple icon (hot pink → coral → lime gradient).
- Wordmark: "ViralMe" — display weight, tight tracking, capital V and M.
- Lockup: icon + wordmark, horizontal, 8px gap at 28px icon size.
- Clear space: minimum padding equal to the icon's height on all sides.
- Minimum size: 20px for icon, 64px wide for the lockup.

## Color
| Token | Hex | Use |
|------|------|-----|
| Ink | #1a1410 | Body text, primary surfaces in dark mode |
| Paper | #ffffff | Cards, sheets |
| Background | #faf8f3 | Page background |
| Accent (Lime) | #ccff00 | Primary CTAs, highlights |
| Hot Pink | #ff2d87 | Energy, virality, badges |
| Coral | #ff8a5b | Secondary accents, stickers |

Gradient: linear-gradient(135deg, #ff2d87 0%, #ff8a5b 50%, #ccff00 100%).

## Typography
- Display: Outfit (700/900) — headlines, wordmark.
- Body / UI: Space Grotesk (400/500/700).
- Mono accents: ui-monospace.

## Visual language
- Rounded corners (12–24px) on cards, fully rounded on pills.
- Sticker-style badges with slight rotation (-4°/+3°).
- Floating cards with soft shadows, off-grid placement.
- High-contrast, social-first compositions.

## Tone of voice
Playful, smart, internet-native. Short sentences, lowercase asides, never cringe.

## Do / Don't
- Do keep the icon's spark pointing upward.
- Do pair the wordmark with the icon for first-impression contexts.
- Don't recolor the gradient or place the mark on busy photography without a solid plate.
- Don't stretch, outline, or add drop shadows to the wordmark.

## Files in this kit
- viralme-icon.png — primary icon, 1024×1024, transparent.
- viralme-og.jpg — share card / Open Graph, 1200×630.
- viralme-brand-guidelines.md — this document.