# Massive Meat Capital — logo usage

Hand-authored SVG. Regenerate from source with `node scripts/build-logos.mjs`;
the wordmark glyphs live in `scripts/glyphs.mjs`. Do not hand-edit the SVGs in
this folder — they will be overwritten.

## Files

| File | Use |
|---|---|
| `mmc-primary.svg` | Default. Horizontal lockup for light backgrounds. |
| `mmc-primary-light.svg` | Horizontal lockup for dark backgrounds. |
| `mmc-primary-mono.svg` | One-colour print, horizontal lockup. |
| `mmc-stacked.svg` | Mark above wordmark. Square-ish spaces, light backgrounds. |
| `mmc-stacked-light.svg` | Stacked lockup for dark backgrounds. |
| `mmc-mark.svg` | Mark only, square. Avatars, app icons, stamps. |
| `mmc-mark-light.svg` | Mark only, for dark backgrounds. |
| `mmc-mark-mono.svg` | Mark only, one-colour print. |
| `mmc-mark-small.svg` | **Below 32px only.** Keyline and tie bands removed. |
| `favicon.svg` | The small-size mark, as the browser icon. |
| `apple-touch-icon.png` | 180×180. |
| `og-default.png` | 1200×630 social card. |

`favicon.ico` (16/32/48, PNG-in-ICO) sits at the web root, not in this folder.

## Minimum size

| Context | Minimum | Use |
|---|---|---|
| Horizontal lockup | **140px** wide | `mmc-primary.svg` |
| Stacked lockup | **96px** wide | `mmc-stacked.svg` |
| Mark, 32px and above | **24px** | `mmc-mark.svg` |
| Mark, below 32px | **16px** | `mmc-mark-small.svg` |

Below roughly 32px the brass keyline and the two tie bands collapse into noise.
`mmc-mark-small.svg` drops both and widens the gap around the link so the
silhouette carries the mark. It has been rendered and checked at 24px and 16px.

In print, the horizontal lockup should not be reproduced below **32mm** wide.

## Clear space

Keep clear space on all four sides equal to the **height of the badge divided by
four** (`h/4`). At the default 100-unit badge that is 25 units.

```
┌─────────────────────────────┐
│          h/4                │
│   ┌───┐                     │
│h/4│ ▰ │  MASSIVE        h/4 │
│   └───┘  MEAT CAPITAL       │
│          h/4                │
└─────────────────────────────┘
```

Nothing — no rule, no type, no photograph edge — enters that box.

Note that the arrow deliberately breaks the badge's top-right corner. That
overshoot is part of the mark and is already inside the artboard. Do not crop it.

## The two approved colour treatments

### 1. Full colour

| Element | Light backgrounds | Dark backgrounds |
|---|---|---|
| Badge | `#1E2428` cold-room | `#111618` |
| Keyline | `#B98C3E` brass | `#B98C3E` brass |
| Link and arrow | `#A81B24` cleaver red | `#A81B24` cleaver red |
| Gap around the link | `#FFFFFF` | `#EFECE4` paper |
| "MASSIVE" | `#A81B24` cleaver red | `#E4626A` |
| "MEAT CAPITAL" | `#1E2428` cold-room | `#EFECE4` paper |

On dark backgrounds "MASSIVE" is lightened to `#E4626A` so it clears WCAG AA
(4.67:1 on cold-room). The full-strength `#A81B24` reaches only 2.2:1 there and
must not be used on dark.

### 2. One colour

Every form becomes ink; every gap becomes paper. The white outline around the
link is what keeps it separate from the badge, so it must be knocked out rather
than filled — this is what lets the mark survive a single-colour press run, a
fax, or an embroidered patch.

Use `mmc-primary-mono.svg` / `mmc-mark-mono.svg`, recoloured to your ink.

## Do not

- Recolour the mark outside the two treatments above.
- Place the full-colour mark on a mid-tone background that kills badge contrast.
  Use the light variant on anything darker than about 40% grey.
- Rotate, skew, add a drop shadow, outline, bevel or gradient.
- Reconstruct the lockup by setting the wordmark in a font. The letterforms are
  drawn vectors, not type, and will not match.
- Change the spacing between the mark and the wordmark.
- Crop the arrow's overshoot past the badge.
- Use `mmc-mark-small.svg` above 32px, or the full mark below 24px.