Share image and social banners

When someone pastes your link into a text, Slack, LinkedIn or Facebook, a preview card shows up. That card is your share image, also called the Open Graph image. A plain or broken one makes a link look like spam. A branded one gets clicked.

Every template draws its share image in code, in src/app/opengraph-image.js. It is 1200 x 630 pixels and reads your name and tagline (and in some templates a few more details) from src/content/site.json, so it updates itself when your copy changes. Its colors come from src/content/brand.json, so it follows your palette too. Each template has its own style, which you can change.