# Grenade brand assets

Generated by `npm run logos` from `src/brand/mark.ts`. Do not edit these files by hand.

Colors: mustard #E0A93A, cobalt #4C7BD9, teal #3EA7A2, tomato #D9573F, ink #141413, cream #F3E9D2.

Rules: never recolor the mark's shell; keep the tilt; the emblem's shell is charcoal by design; clear space around the mark = the dial's diameter; use the simple variant under 32 px; the black-shadow (light) version never goes on a dark background, use the `-dark` files there.

| File | Use |
| --- | --- |
| `grenade-mark.svg` | The mark on light backgrounds (cream, white). |
| `grenade-mark-dark.svg` | The mark on dark backgrounds: cream rim instead of the black shadow. |
| `grenade-mark-simple.svg` | Light, no tiles or dial teeth. Use at 32 px and under. |
| `grenade-mark-simple-dark.svg` | Dark, no tiles or dial teeth. Use at 32 px and under. |
| `grenade-wordmark.svg` | Mark + "grenade" for light backgrounds. Needs Space Grotesk available. |
| `grenade-wordmark-dark.svg` | Mark + "grenade" for dark backgrounds. Needs Space Grotesk available. |
| `favicon.svg` | Browser tab icon; switches its shadow with the OS color scheme. |
| `grenade-emblem.svg` | The held-grenade emblem (R3), transparent, for light backgrounds. |
| `grenade-emblem-dark.svg` | The emblem for dark backgrounds (same drawing; the cream rim carries it). |
| `grenade-emblem-lockup.svg` | Emblem + GRENADE poster lockup, light. Needs Space Grotesk available. |
| `grenade-emblem-lockup-dark.svg` | Emblem + GRENADE poster lockup, dark. Needs Space Grotesk available. |
| `grenade-mark-16.png` | light mark, 16 px, transparent, simple variant. |
| `grenade-mark-32.png` | light mark, 32 px, transparent, simple variant. |
| `grenade-mark-48.png` | light mark, 48 px, transparent. |
| `grenade-mark-64.png` | light mark, 64 px, transparent. |
| `grenade-mark-128.png` | light mark, 128 px, transparent. |
| `grenade-mark-256.png` | light mark, 256 px, transparent. |
| `grenade-mark-512.png` | light mark, 512 px, transparent. |
| `grenade-mark-1024.png` | light mark, 1024 px, transparent. |
| `grenade-mark-dark-16.png` | dark mark, 16 px, transparent, simple variant. |
| `grenade-mark-dark-32.png` | dark mark, 32 px, transparent, simple variant. |
| `grenade-mark-dark-48.png` | dark mark, 48 px, transparent. |
| `grenade-mark-dark-64.png` | dark mark, 64 px, transparent. |
| `grenade-mark-dark-128.png` | dark mark, 128 px, transparent. |
| `grenade-mark-dark-256.png` | dark mark, 256 px, transparent. |
| `grenade-mark-dark-512.png` | dark mark, 512 px, transparent. |
| `grenade-mark-dark-1024.png` | dark mark, 1024 px, transparent. |
| `grenade-emblem-512.png` | emblem, 512 px, transparent. |
| `grenade-emblem-1024.png` | emblem, 1024 px, transparent. |
| `grenade-emblem-lockup-1024.png` | Poster lockup on cream, 1024 px tall. |
| `apple-touch-icon.png` | iOS home-screen bookmark icon, cream, square (iOS rounds it). |
| `icon-192.png` | Web app manifest icon. |
| `icon-512.png` | Web app manifest icon. |
| `app-icon-1024.png` | iOS App Store icon: 1024 px, cream, no alpha. Copied into grenade-ios as AppIcon.png. |
| `og-image.png` | Open Graph / Twitter card, 1200×630. |
| `../site.webmanifest` | Web app manifest pointing at icon-192 / icon-512. |

Wordmark note: 760×240 viewBox, live text in Space Grotesk 700; embed the font or convert to outlines before printing. The emblem lockup (480×520) has the same live-text caveat.