Design System

Open Graph Images

The preview image when a page is shared. Generated at build, one per article, plus one for everything else. Left is the component, right is the image built from it.

Article

Built from the article's own title, description, date and tags, in the same proportions as the article header. Long titles step down in size rather than wrap off the card.

Component
September 15th, 2026
Building a Toolbox for My Website
I built a small collection of tools to automate repetitive tasks and make working on my website easier.
Astro·Automation·Static Sites·Workflows·Tools
Lloyd Atkinsonlloydatkinson.net
Generated
The generated Open Graph image for an article

Site

Every page that is not an article.

Component
Lloyd Atkinsonlloydatkinson.net
Generated
The generated Open Graph image for the site