diff --git a/CLAUDE.md b/CLAUDE.md index 85b5817..4e0ec21 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -23,7 +23,12 @@ newsletters/ ## Newsletter Template Structure -This describes the current template as used by the two latest editions, `editions/2026-10-20-uk.html` (#28) and `editions/2026-10-26-uk.html` (#31). Editions from `2025-11-26-uk-prebudget.html` on use Inter and the teal palette, except `2025-12-08-uk-autumn-budget.html`. Editions before that use Roboto (except `2024-03-28.html`, which uses Helvetica Neue), most with a blue palette (`#2C6496`), so don't copy from them. +UK and US editions use different layouts, so copy the latest edition for your audience (see "Creating New Newsletters"). + +- **UK layout** (dark page, teal gradient hero, white sections): "Head" through "Images" below describe it, from `editions/2026-10-20-uk.html` (#28) and `editions/2026-10-26-uk.html` (#31). "The 29 October UK edition" lists what `editions/2026-10-29-uk.html` adds. +- **US layout** (light grey page, bordered white container, no gradients): "US layout" lists how it differs. `editions/2026-09-08-us-v2.html` first used it, and `editions/2026-10-29-us.html` follows it. The US editions from `2026-01-30-us.html` to `2026-05-19-us.html` have a dark page and gradients, so don't copy from them. + +Editions from `2025-11-26-uk-prebudget.html` on use Inter and the teal palette, except `2025-12-08-uk-autumn-budget.html`. Editions before that use Roboto (except `2024-03-28.html`, which uses Helvetica Neue), most with a blue palette (`#2C6496`), so don't copy from them. ### Head @@ -32,7 +37,7 @@ This describes the current template as used by the two latest editions, `edition ```html ``` - `
` sets `font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;` so clients that ignore the ``, such as Gmail, use a system sans. Classic Outlook for Windows (2007–2016) is the exception: caniemail notes that it ignores the stack for a font declared with `@font-face` and falls back to Times New Roman unless `mso-font-alt` sets the fallback, and neither edition sets it. The `h1` and the card `h2` ask for `font-weight:800`, which the link doesn't load, so they render at 700 where Inter loads; add `800` to `wght@` if you want the heavier weight. + `` sets `font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;` so clients that ignore the ``, such as Gmail, use a system sans. Classic Outlook for Windows (2007–2016) is the exception: caniemail notes that it ignores the stack for a font declared with `@font-face` and falls back to Times New Roman unless `mso-font-alt` sets the fallback, and the editions described here don't set it. The `h1` and the card `h2` ask for `font-weight:800`, which the link doesn't load, so they render at 700 where Inter loads; add `800` to `wght@` if you want the heavier weight. - **Mobile media query**: apart from the font ``, the only CSS outside inline `style` attributes is one block in ``. It overrides inline values with `!important`, keyed to classes on the container table, its cells and the headings: ```html + ``` + `2026-09-08-us-v2.html` also has `.speaker-cell` for its two-column speaker grid. +- **Callout panel** (optional) below the hero: a table cell with `background-color: #E6FFFA; border-left: 3px solid #319795; padding: 18px 20px;`. +- **"Also in this issue:" jump links** below the panel: 13px `#64748B`, with links styled `color: #319795; text-decoration: none; font-weight: 500;`. Each `href` points at an `` anchor at the top of a later section. +- **Two more merge tags**: `*|ARCHIVE|*` behind "View in browser" in the header and `*|FORWARD|*` behind "Forward to a colleague" in the footer. +- **A table-cell button** in `2026-10-29-us.html`: `