Blog post card templates

Editorial blog post

Serif headline, photo bleeding from the left edge, warm cream palette.

Use this

Long-read article

Floating image card with a soft shadow, gradient backdrop, accent tag.

Use this

Tech tutorial

Monospace headline with a code screenshot. For tutorials and how-to posts.

Use this

Engineering post-mortem

Cover photo behind the title with a dark overlay so the headline stays readable.

Use this

Click a template to open it in the editor with the design loaded. Everything stays editable.

Every article you publish gets shared with a preview card, and a purposeful one earns more clicks than a random screenshot or a blank box. These templates cover the common registers a blog needs: an editorial serif look for essays, a gradient feature card for long reads, a monospace-and-screenshot layout for tutorials, and a dark incident-report style for engineering write-ups.

Each one is a starting configuration of the editor's Basic template: typography, colors, layout, and image placement are already chosen, so the only work left is typing your own headline. The image you see in the live preview is exactly the PNG you download.

Tips that make these work

• Keep headlines under ~70 characters so they render large and stay readable in a timeline.
• Use the tag slot for the content type (ESSAY, TUTORIAL, POSTMORTEM) - it reads as a label, not a hashtag.
• Publishing weekly? Set the design up once and let the API render a card for each new post - nobody has to remember to make the image.

FAQ

Related tools