# 2Gether Brand Kit

Everything you need to make things that look, sound, and feel like 2Gether.

**2Gether** is a free, global community-events app — Gen Z, newcomers, and club organizers. Community over dating, always. Tagline: *Tonight has your name on it.*

## What's inside

| Path | What it is |
|---|---|
| `brand.md` | The full brand spec — positioning, voice, color, type, logo, photography, do/don'ts. Start here. |
| `brand-guidelines.pdf` | The 15-page visual guidelines book ("The Third Place" / Sticker Pop). |
| `logo/` | Together-bubble symbol SVGs (5 color variants), wordmark PNGs, horizontal & stacked lockups, app icon. |
| `icons/` | 12 core UI icons (24px grid, 2.25px round stroke). Extend with Phosphor "bold". |
| `fonts/` | Bagel Fat One (display) + Baloo 2 (body/UI) — TTFs + license notes. |
| `tokens/` | Design tokens: `tokens.css`, `tokens.json`, `tailwind.config.snippet.js`. |
| `prompts/` | Ready-to-paste AI prompts: system prompt, tweet, landing hero, email, error message, photography. |
| `photo-credits.txt` | Unsplash credits for the photos used in the guidelines PDF. |

## Quick start

1. **Designing?** Read `brand-guidelines.pdf`, keep `brand.md` open, grab assets from `logo/` + `icons/`.
2. **Coding?** Drop `tokens/tokens.css` (or the Tailwind snippet) into the project, install the two fonts, done.
3. **Writing?** Steal the voice rules from `brand.md` § Voice & Tone. "Count me in", never "Register now".
4. **Generating with AI?** Paste `brand.md` + the relevant file from `prompts/` into the model.

## The three-move rule

Every 2Gether thing runs on: **a brand-color base + the bubble or wordmark + one bouncy headline.** If it needs a fourth move, redesign it.

## Colors at a glance

Bubblegum `#FF5DA2` · Electric `#3D5BFF` · Lime `#C6F24E` · Ink `#17141F` · Cream `#FFF9F0`
