The docs build generates a 1200×630 PNG per page from its title and fnox's existing logo. The homepage uses a short product description. Images are rendered locally with resvg and the bundled OFL-licensed Space Grotesk font; no rendering service or system font is required. Image URLs include a content hash of the final PNG bytes so title, artwork, font, and renderer changes get a new URL.
docs:build tests text wrapping and PNG rendering, then checks the built HTML
for matching Open Graph/Twitter metadata and the exact image expected from each
page title. Regression tests reject swapped images and empty alt text. Edit
social-images.mjs to adjust colors or layout.
The homepage layout lives in theme/HomePage.vue; the social image remains a static title-and-logo composition. Check both when changing product messaging. See the documentation guide for build and preview commands.