Blog post · 1200x630

Tech tutorial social card template

Tech tutorial is a card for blog post posts: a flat mint field, the photo in a rounded slot on the right, JetBrains Mono headline.

Use this template More blog post templates

Tech tutorial card: a flat mint field, the photo in a rounded slot on the right, JetBrains Mono headline

The same design at every size

The editor restacks the layout for each shape. These are the actual exports, not the 1200x630 card scaled.

Tech tutorial at 1200 by 630, Open Graph — 1200×630 · Open Graph

Tech tutorial at 1280 by 720, YouTube thumbnail — 1280×720 · YouTube thumbnail

Tech tutorial at 1080 by 1080, Square post — 1080×1080 · Square post

Tech tutorial at 1080 by 1350, Portrait post — 1080×1350 · Portrait post

Tech tutorial at 1080 by 1920, Story — 1080×1920 · Story

Tech tutorial at 1000 by 1500, Pinterest pin — 1000×1500 · Pinterest pin

About this design

The headline is set in JetBrains Mono, the supporting text in Inter. The background is a flat #6ee7b7 field. The photo sits in a rounded slot on the right.

It exports at 1200x630, the size link previews use on X, LinkedIn, Facebook, Slack and Discord, and the same design restacks for the other five sizes: 1280x720, 1080x1080, 1080x1350, 1080x1920, 1000x1500.

Example text in this template

Title: A rate limiter in 50 lines
Description: Elixir. No dependencies.
Tag: TUTORIAL
Author: Sam Okafor
Tagline: okafor.dev

How to use it

Open the template. The example text and photo are already in place, so you see the finished card first.
Type your own headline over the example, swap the photo or logo, and pick another color preset if you want one.
Download the PNG at the size you need, at 1x or 2x. The free download has a small corner mark; a clean export is a one-time $4.99.

Questions about Tech tutorial

What size is the Tech tutorial template?

1200x630 pixels, the standard Open Graph size. The same file works as the og:image for link previews on X, LinkedIn, Facebook, Slack and Discord, and the editor can export the design at five more sizes for YouTube, Instagram, stories and Pinterest.

Can I change the fonts and colors of Tech tutorial?

Yes. Tech tutorial is a starting configuration, not a locked design. Every font, weight, size and color, the layout and the photo slot stay editable after you open it.

Is the Tech tutorial template free?

Yes. The editor is free without signup, and the download carries a small "Made with betterimage.io" mark. A one-time $4.99 payment removes it from every size of the design.

Can I generate Tech tutorial cards automatically?

Yes. Save your version as a template with a free account, then the API renders it with new text for every post, at any size. Plans start at $9/month.