# SnapSell AI - Typography Guidelines

## Research-Backed Logo Typography

These guidelines are based on professional typography research from:
- [GitLab Brand Guidelines](https://design.gitlab.com/brand-logo/branded-lockups/)
- [UC Santa Barbara Brand](https://brand.ucsb.edu/visual-identity/university-marks/primary-wordmark-lock-ups)
- [Burton Brand](https://brand.burton.com/logos/)
- [Akrivi Logo Balance](https://www.akrivi.io/learn/how-to-balance-logos)

---

## Horizontal Logo Configuration

```
SNAPSELL AI
Snap. List. Sell.
```

| Property | Value | Rationale |
|----------|-------|-----------|
| **Icon height** | 580px | Large enough to show detail |
| **Name font** | 320px (Impact) | Primary, dominant element |
| **Claim font** | 140px (Helvetica) | Smaller, fixed size - NOT matching name width |
| **Gap icon→text** | 80px | Close proximity for visual unity |
| **Gap name→claim** | 100px | Breathing room between elements |
| **Padding** | 100px | Generous outer breathing room |
| **Optical offset** | 50px | Text lowered to align with icon body (not particles) |

### Key Principles

1. **Company name is PRIMARY** - Largest, most dominant text element
2. **Claim is secondary** - Smaller font, more character spacing
3. **Icon close to text** - Creates visual unity
4. **More space between name and claim** - Clear visual hierarchy
5. **Optical alignment** - Text aligns with icon's visual center (body), not mathematical center

---

## Stacked Logo Configuration

| Property | Value |
|----------|-------|
| **Icon height** | 350px |
| **Name font** | 120px |
| **Claim font** | 42px |
| **Gap icon→name** | 80px |
| **Gap name→claim** | 50px |
| **Padding** | 60px |

---

## Fonts

### Display Font: Impact (or Bebas Neue)
- Usage: Company name in logos, headlines
- Weight: Regular (400)
- Style: All caps, tight tracking

### Body Font: Helvetica (or Arial fallback)
- Usage: Claim/tagline, body text
- Weight: Regular (400), Medium (500)
- Style: Sentence case, normal tracking

---

## Color Usage in Logos

| Variant | Icon | Text | Background |
|---------|------|------|------------|
| **Colorful** | Gradient (teal→blue) | Dark (#1F2937) | Light/transparent |
| **White** | White | White | Dark backgrounds |
| **Black** | Black | Black | Light backgrounds |

---

## Clear Space Rules

Based on industry standards (GitLab, UC Santa Barbara, Burton):
- Minimum clear space = x-height of the wordmark
- Or use icon height × 0.25 as minimum margin

---

## File Sizes Generated

| Type | Dimensions | Usage |
|------|------------|-------|
| Horizontal with claim | ~3200×780px | Headers, presentations |
| Horizontal no claim | ~2800×680px | Compact headers |
| Stacked with claim | ~620×650px | Square formats, social |
| Stacked no claim | ~620×550px | App icons, profile pictures |
| Icon 1024 | 1024×1024px | Original, master file |
| Icon 512 | 512×512px | Standard digital use |

---

## Brand Tagline

**"Snap. List. Sell."** - Action-oriented, 3-step process that communicates the simplicity of the AI-powered selling experience.

Alternative taglines:
- "AI-Powered Selling Made Simple"
- "Sell Smarter with AI"
- "Your AI Selling Assistant"