Developer template

Glossary Open Graph image template

A developer glossary card that presents a tech term like a dictionary entry — category tag, big headword, pronunciation/part-of-speech line, and a definition body — in a dark, syntax-accented dev aesthetic.

It's built for the standard 1200×630 (1.91:1) share card and exports at 2× (2400×1260) for high-DPI screens. Customize the text, colors, fonts, and logo in your browser, then download a PNG — free, no signup, nothing uploaded.

Customize this template More developer templates

3 ready-made presets

Each preset is a one-click starting look for the Glossary template — a different color and type combination you can still fully edit.

Midnight Lime“Idempotent”An operation that produces the same result no matter how many times it is applied. Calling it once or a hundred times leaves the system in the same state.Open this preset →Carbon Cyan“Backpressure”A flow-control signal that tells a fast producer to slow down so a slower consumer can keep up, preventing unbounded buffers and dropped data in a streaming pipeline.Open this preset →Slate Magenta“Idempotency Key”A unique token attached to a request so the server can safely retry it; duplicate requests carrying the same key are processed once and return the original result.Open this preset →

What you can edit

The Glossary template has 4 editable content fields. Recommended lengths keep your copy inside the safe area so nothing clips when the card is cropped.

Field	Type	Max length	Example
Category tag	Single line	24 chars	TERM
Term (headword)*	Single line	28 chars	Idempotent
Pronunciation / part of speech	Single line	48 chars	/aɪˈdɛm.pə.tənt/ · adjective
Definition*	Multi-line	220 chars	An operation that produces the same result no matter how many times it is applied. Calling it once or a hundred times leaves the system in the same state.

* required field. Tip: keep your “Term (headword)” short and punchy — the shorter the copy, the larger and more legible it renders in the feed.

Styling you control

Beyond the words, the Glossary template lets you tune:

Background color & style
Gradient fills
Grid & pattern overlays
Fonts, size & alignment
Logo placement
Platform size switching
Film-grain / noise
Vignette

When to use it

The Glossary template lives in the developer collection — developer-native cards that speak to engineers. Reach for it specifically when one of these fits:

A CLI tool or library
An API or docs page
A changelog or release
A repo, PR, or build-status card

See the full developer template collection or read OG images for developers.

More developer templates

API ReferenceAn API reference card: an 'API Reference' eyebrow, a METHOD badge with a mono endpoint path, a title and description, and a rounded code panel showing a faux JSON response.ArchitectureA system-architecture diagram card: an eyebrow, bold title and subtitle above a drawn left-to-right flow of up to four labelled node boxes (each with a glyph, label and sublabel) connected by arrows, plus a detail line.BenchmarkA performance-comparison card whose hero is a horizontal bar chart built from up to 4 'label | value' rows, with each bar width scaled to the max and the winning (largest) bar highlighted in the accent color.Build StatusA CI build-status card: a product lockup with a 'CI Pipeline' eyebrow and a commit · branch line (your uploaded icon/logo, or a letter-mark fallback), a bold title and a shields-style build badge whose color is derived from the overall state, and a row of pipeline stage nodes each with a state-colored icon and duration.ChangelogRelease-notes card with a version chip, headline, and an accented bullet list.Cheat SheetA developer cheat-sheet / quick-reference card: an eyebrow, a bold title and subtitle, then a list of 'key | action' rows each shown as a drawn keycap chip plus its description.

Make your glossary card now

Free, private, and 100% in your browser — no signup, no watermark, nothing uploaded.

Open in the editor