# Coppertown Courier — Brand Asset Manifest

This README maps every brand file to where it's used. Full rules, palette, and typography live in **Coppertown_Courier_Brand_Standards.pdf**. Suggested web layout: assets in `/public/brand/`, with `favicon.ico` at the site root.

## Vector logos (SVG — scalable, font-independent; use these first)

| File | Placement / use |
|---|---|
| `coppertown_courier_logo_primary.svg` | **Header / masthead**; top of the print edition; letterhead. Light backgrounds. |
| `coppertown_courier_logo_reversed.svg` | **Dark backgrounds** — footer, dark hero sections, event banners. |
| `coppertown_courier_logo_stacked.svg` | Square / narrow spaces — mobile header, sidebars, posters. |
| `coppertown_courier_logo_mono.svg` | **One-color** — B&W print run, rubber stamps, faxes, single-ink jobs. |
| `coppertown_courier_emblem_seal.svg` | **Footer mark**, back-page folio, official notices, merch / foil stamp. |
| `coppertown_courier_emblem_favicon.svg` | Source mark (pickaxe + ingot) for the favicon / app icon. |

## Raster exports (PNG / ICO — when SVG isn't accepted)

| File | Format | Placement / use |
|---|---|---|
| `coppertown_courier_logo_primary_2000.png` | PNG 2000px, transparent | Email headers, slides, docs — light bg. |
| `coppertown_courier_logo_stacked_1500.png` | PNG 1500px, transparent | Narrow / square raster placements. |
| `coppertown_courier_logo_reversed_2000.png` | PNG 2000px | Dark backgrounds in raster contexts. |
| `coppertown_courier_logo_mono_2000.png` | PNG 2000px, transparent | One-color raster. |
| `coppertown_courier_emblem_seal_1024.png` | PNG 1024px, transparent | Seal in raster contexts. |
| `coppertown_courier_app_icon_512.png` | PNG 512px | **Social avatar** (Facebook/IG/LinkedIn/X), **PWA icon**, **Open Graph image**. Filled cream disc. |
| `favicon_512.png`, `favicon_192.png` | PNG | **Web manifest** icons (PWA / Android). |
| `favicon_32.png`, `favicon_16.png` | PNG | Legacy favicon sizes. |
| `favicon.ico` | ICO (16/32/48/64) | **Site-root favicon** — universal browser support. |

## Web wiring (drop-in)

```html
<!-- Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="192x192" href="/brand/favicon_192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/brand/favicon_512.png">
<link rel="apple-touch-icon" href="/brand/coppertown_courier_app_icon_512.png">
<!-- Open Graph / social -->
<meta property="og:site_name" content="Coppertown Courier">
<meta property="og:image" content="/brand/coppertown_courier_app_icon_512.png">
<meta name="twitter:card" content="summary">
```

`site.webmanifest`:
```json
{
  "name": "Coppertown Courier",
  "short_name": "Courier",
  "theme_color": "#A8642A",
  "background_color": "#F6F1E9",
  "icons": [
    { "src": "/brand/favicon_192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/brand/favicon_512.png", "sizes": "512x512", "type": "image/png" }
  ]
}
```

## Quick brand reference

**Palette:** copper `#A8642A` · bright copper `#C9824E` · oxidized copper `#7A431F` · verdigris `#4E8A7B` · ink `#2B2B2B` · paper `#F6F1E9` · dark bg `#23211E`.

**Type:** headlines/masthead = transitional serif (Libre Caslon Text or Cormorant Garamond; fallback Georgia). Body/UI = humanist sans (Source Sans 3 or Inter; fallback Arial).

## Rules (short)

- Use the supplied files; never recreate the wordmark in fonts or CSS.
- Clear space = height of the "C" in *Courier*. Minimum nameplate width: 220px screen / 1.5in print.
- Don't stretch, recolor, rotate, or add effects. On dark backgrounds use the reversed file; for one-ink use the mono file.
- Full standards: **Coppertown_Courier_Brand_Standards.pdf**.