# Little Fight NYC — Brand Kit v1 (2026)

> The visual board is `little-fight-nyc-brand.html` (open it in a browser). This is the quick-reference spec.
> **Mark:** the Tugboat — the little guy who moves the big guy. Small, sturdy, pulls weight above its size.

## Assets (`/logo`)
| File | Use |
|---|---|
| `mark-white.svg` · `mark-ink.svg` · `mark-orange.svg` | The mark, three colorways. SVGs use `fill: currentColor` → set color via CSS; reverses on any ground. |
| `mark-{white,ink,orange}-1024.png` | Raster marks, 1024px, for tools without SVG. |
| `lockup-horizontal-{ink,white,onorange}.svg` | Boat + "LITTLE FIGHT NYC" (Oswald 700). Primary lockup. |
| `lockup-stacked-{ink,white,onorange}.svg` | Boat over "LITTLE FIGHT / NYC". |
| `/favicon/*` | Full favicon set — `favicon.svg`, `.ico`, 16–512 png, apple-touch, android, safari-mask. Orange rounded-square + white boat. |
| `/color/palette.css` · `/color/tokens.json` | Design tokens — CSS variables and machine-readable JSON. |

## Color
| Role | Hex | Notes |
|---|---|---|
| Lead Orange (signal) | `#F97316` | CTAs, accents, the "NYC" tag. **Use sparingly** — it's the signal. |
| Soft Orange | `#FB923C` | Hover, particles, secondary. |
| Midnight (bg) | `#06080F` | Primary background. |
| Panel | `#0E1220` / `#0A0D18` | Cards / elevated surfaces. |
| Blue Burst | `#2058AF` | Rare cool accent / data. Never competes with orange. |
| Ink | `#F0F2F8` | Primary text on dark. Muted text `#A1A1AA`. |

## Type
- **Display — Oswald 700** (condensed, all-caps): headlines + the wordmark. The loud voice.
- **Body — Barlow**: all reading text. Humanist, plain, honest.
- **Technical — JetBrains Mono**: metadata, code, eyebrows, technical values.

## Logo rules
- **Do:** clear space ≥ smokestack height; min size 20px (favicon) / 32px in the wild; mark in white/ink/orange only; "NYC" tag in orange.
- **Don't:** recolor the boat off-palette; stretch/rotate/gradient/shadow/outline it; set the wordmark in anything but Oswald 700.

## Voice
Plain. Confident. On the side of the little guy. We don't sell "solutions" — we **fix the tech slowing down your business**. No jargon, no fear, no corporate fog.

## Footer line (every LFNYC surface)
> Designed, Hosted and Cared For by LittleFightNYC.com