Templates
The API renders every card below live, from the same endpoint your site will call. Pass template=<name> to pick one.
gradient
Radial accent glow with bottom-anchored copy. This is the default.
minimal
A quiet editorial layout for blogs and docs.
split
Two-column card with a decorated accent panel.
terminal
Editor-window chrome, made for dev tools.
quote
Pull-quote layout with attribution.
announce
Centered announcement card with a badge pill.
link
Made for ?url=. It pairs the page's own image with its title.
cover
Made for ?url=. The page's own image fills the card, headline on top.
By kind of site
The same templates with a different theme and accent. Each one is a single URL your pages fill in with their own title.
Posts with a photo
A page with its own image gets it full bleed, with the headline on top.
/api/og?template=cover&theme=dark&accent=%23ff6a2b&title=Three+days+walking+the+Picos+de+Europa&subtitle=What+we+packed%2C+where+we+slept%2C+and+the+one+trail+we%27d+skip.&site=trails.example.comBlog posts
Every article gets its own card from its title and description.
/api/og?template=minimal&theme=light&accent=%23ff6a2b&title=What+we+learned+shipping+40+releases+in+a+year&subtitle=Engineering+blog+%C2%B7+8+min+read&site=blog.acme.devChangelogs
Release notes people actually click on.
/api/og?template=announce&theme=dark&accent=%23ff6a2b&title=Dark+mode+is+here&subtitle=Plus+14+fixes+and+a+faster+editor&site=v3.2Docs
Shared doc links that say which page they point to.
/api/og?template=terminal&theme=dark&accent=%23ffb27a&title=npx+acme+deploy+--prod&subtitle=Deploying+to+production+%C2%B7+Acme+docs&site=docs.acme.devOnline stores
Product links with the name and price up front.
/api/og?template=split&theme=light&accent=%23e0521a&title=Linen+overshirt%2C+sand&subtitle=%E2%82%AC89+%C2%B7+Free+returns&site=shop.example.comPodcasts
An episode card for every show, without opening a design tool.
/api/og?template=quote&theme=dark&accent=%23ff9a66&title=Pricing+is+a+product+decision%2C+not+a+finance+one&subtitle=Ep.+112+%C2%B7+Founders+on+Fridays&site=fridays.fmEvents
Talks and meetups with the date where people can see it.
/api/og?template=gradient&theme=dark&accent=%23ff6a2b&title=Frontend+Night+Madrid&subtitle=Thursday+14+November+%C2%B7+19%3A00+%C2%B7+Free+entry&site=meetup.example.com