Docs OG image templates
Tutorials, API references, how-tos. 10 Open Graph layouts, one deterministic render engine —
preview, export, or ship the URL as your og:image.
Edit →Endpoint
HTTP endpoint lockup: method pill, path and a short description.
- docs
- dark
- mono
Edit →Spread
Two-page spread: title on the left, body on the right.
- docs
- editorial
Edit →Man Page
Man-page lockup: command name, one-line description and synopsis.
- docs
- dark
- mono
Edit →Reference
Definition list: three term and definition rows.
- docs
- editorial
- light
Edit →Search
Docs search chrome: query bar and a supporting line.
- docs
- clean
Edit →Step
Single numbered step hero: one large index, step name and note.
- docs
- clean
Edit →Tip
Callout card with a TIP label, title and supporting line.
- docs
- clean
Edit →Contents
Numbered table of contents: kicker, title and four vertical entries.
- docs
- clean
Edit →Warning
Warning admonition with a thick accent border.
- docs
- clean
Edit →Steps
How-to layout with three numbered circle chips and labels.
- docs
- clean