# DebateGPT Brand Kit

Source of truth — if a launch surface diverges from this doc, the launch surface is wrong.

---

## Name

- **DebateGPT** — one word, no space, no hyphen, no camelCase.
- Rendered wordmark splits at the product boundary: `Debate` + `GPT` (the second half can carry the accent color).

## Tagline

**6 bots that argue any question.** — the elevator pitch. Plain, literal, no metaphor. Use this everywhere a one-line product description is needed (app store, social bios, link previews, casual intros).

**Truth needs friction.** — the hero headline. Always with the period, never as a question. Use this on the landing page where the brand has earned a beat of poetry.

Support line: *Six voices. One question. The crux, named.*

One-line: *Six AI voices pressure-test your hardest question and name the crux.*

## Symbol

A hexagon outline with six vertex dots and a central crux mark.

- Six sides + six vertex dots = the six speakers (Mara, Quinn, Reid, Sloan, Pax, Atlas).
- Central dot = the crux. The blue eye is the brand's load-bearing point.
- Single primitive, scales from 16×16 favicon to 1200×630 OG card.

The hex form does the visual work — letter marks aren't needed at favicon scale.

## Color

### Surface
- `#05070c` — primary ink + `theme-color`.
- `#0a0d12 → #06080b` — surface gradient (top → bottom).

### Brand accent (gradient)
- `#7cc0ff` 0% → `#0a84ff` 50% → `#7c3aed` 100%.

### Crux mark
- `#ffffff` core, `#0a84ff` eye.

### Speaker accents (must match across launch SVGs and in-app)
| Speaker | Hex | Role |
|---|---|---|
| Mara | `#c4d0e0` | Power Attorney |
| Quinn | `#d4ccbc` | Business Titan |
| Reid | `#cdc4d0` | Screen Icon |
| Sloan | `#bccdc8` | Tech Magnate |
| Pax | `#c6bfd0` | Contrarian Thinker |
| Atlas | `#d2c0c0` | Heavyweight Closer |

## Type

System stack only. No webfont dependency.
```
-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif
```

Wordmark: weight 760 (app header), 600 (nav). Letter-spacing −0.012em. No tracking on small caps.

## Assets

| Asset | Path | Notes |
|---|---|---|
| Master favicon | `/favicon.svg` | 64 viewBox, hex + 6 dots + crux |
| Apple touch icon | `/apple-touch-icon.png` | 180×180 |
| PWA icons | `/icon-192.png`, `/icon-512.png` | maskable |
| PWA manifest | `/manifest.json` | dark theme, standalone |
| OG · Landing/Press | `/launch/press.{svg,png}` | six-card panel |
| OG · About | `/launch/about.{svg,png}` | hex symbol + premise |
| OG · How it works | `/launch/how-it-works.{svg,png}` | three-station flow |
| Cold-load demo | `/launch/demo.mp4`, `/launch/demo.av1.mp4` | 1280×720, 21s, no audio, no edits |
| Demo poster | `/launch/demo-poster.png` | final crux frame (Truth Factor) |

All PNGs regenerate via `pnpm launch:assets`. Demo regenerates via `pnpm record:demo` (requires `pnpm dev` + at least one provider key).

## Don'ts

- Never use AI-generated portraits or photographs for the six speakers — symbols + accents only.
- Never add a third-party tracker, fingerprint, or marketing pixel — the CSP blocks them and the brand promise depends on it.
- Never weaken the six-voice constraint (five, seven, "panel of N" — all dilute the product).
- Never describe the product as a "chatbot" or "AI assistant" — it is a debate panel.
- Never drop the period in the tagline.

## Domain & handles

Live at `https://www.boydebate.xyz` (apex `boydebate.xyz` redirects). Canonical and OG URLs across `index.html` + `public/*.html` + `public/sitemap.xml` + `public/robots.txt` all point at the www host. If the domain ever changes, sweep all four surfaces together.

## USPTO clearance

Run a full TESS search at <https://tmsearch.uspto.gov/> across Class 9 (software) and Class 42 (SaaS) for the launch name before filing.
