# Varve — logo

Generated by `tools/make-logo.mjs` from the same mark the site draws and the
same solved palette it ships (`data/palette.json`), so these files cannot drift
from the site they belong to. Re-run it after any palette change.

| File | Use |
|---|---|
| `mark.svg` | the mark alone, `currentColor` — inherits whatever colour you set |
| `mark-teal.svg` / `.png` | on light backgrounds |
| `mark-aqua.svg` / `.png` | on dark backgrounds |
| `lockup.svg` / `.png` | mark + wordmark, for light backgrounds |
| `lockup-on-dark.svg` / `.png` | the same, for dark |
| `icon.svg` / `icon-1024.png` | the app tile — the mark on its ground, rounded |
| `avatar.png` | 1024×1024, the mark over the hero photograph — profile pictures |
| `banner.png` | 1500×500, mark left and name centred — X/LinkedIn headers |

**The lockup SVGs embed their own font.** An SVG that merely names `Newsreader`
renders as Times on any machine that does not happen to have it, and the
failure is silent — the file opens, it just is not the logo. The latin subset
of the webfont (56 kB) is inlined, so these are self-contained. That is why the
lockup files are ~77 kB and the mark files are under 1 kB.

The mark is a core seen end-on, with the strata running through it: a varve is
the couplet of sediment a lake lays down in one year. Clear space around it is
one stratum's height. Do not recolour the bands individually — their opacities
are the light-over-dark couplet the name refers to.

**The avatar and banner** use the site's hero photograph at the same position
the page shows it (`50% 55%`), unzoomed and unblurred, so they are recognisably
the same site beside it and match each other. The mark is an opaque disc, so it
does not need the background quiet. The banner's wordmark is type on a
photograph and does get measured: 7.66:1 with a 10% centre wash.

Generated by `tools/make-social.mjs`. Re-run after changing the hero.

**Colours**

| | |
|---|---|
| Deep teal (ink, the mark on light) | `#003637` |
| Aqua (ground, the mark on dark) | `#ace7e8` |
| Wordmark on light | `#213a3b` |

Typeface: **Newsreader** (SIL Open Font Licence), the same face the site sets
its display type in.