---
name: make-an-og-image
description: "One 1200x630 link preview that could only belong to your brand."
---

# Make an OG image

Purpose:: One 1200x630 OG image that could only belong to this brand.

Rules::
- Rooted in the brand so far: hero, fonts, palette, logo
- No template; the brand's own idea shapes the layout
- Name spelled right; tagline readable as a small link preview

Inventory::
- Your brand config, logo and palette
- HTML + a headless browser screenshot, or an image model

Steps::
1. Read the config; look at the hero and logo
2. Make the image at exactly 1200x630
3. Shrink it to 300px wide and look again
4. Fix what is unreadable small
5. Reply with og.png and one line on what makes it yours

Metrics::
- Nobody would mistake it for another project's card
- Readable when shrunk to a link preview

Source:: https://isklls.com/skills/make-an-og-image (iSklls, free skill library)