← cardsmith.dev · Docs · Pricing

Open Graph image examples

Every card below is generated live by the Cardsmith API from a single URL — no design tool, no headless browser. Change any word by editing the query string. Copy a URL straight into your <meta property="og:image"> tag.

Blog post

Engineering writeups and long-form articles.

Blog post social card example
https://cardsmith.dev/v1/card.png?title=How+we+cut+cold+starts+10%C3%97&subtitle=A+deep+dive+into+our+serverless+rewrite&footer=blog.acme.dev&badge=Engineering&theme=ocean

Product launch

Announce a new product or major feature.

Product launch social card example
https://cardsmith.dev/v1/card.png?title=Introducing+Acme+Analytics&subtitle=Real-time+dashboards+for+every+team&footer=acme.com&badge=Launch&theme=midnight&align=center

Changelog / release

Version notes and release announcements.

Changelog / release social card example
https://cardsmith.dev/v1/card.png?title=v2.4+%E2%80%94+faster%2C+leaner%2C+typed&subtitle=Full+type+inference+and+a+30%25+smaller+bundle&footer=acme.com%2Fchangelog&badge=v2.4.0&theme=violet

Documentation

Give every docs page a unique preview.

Documentation social card example
https://cardsmith.dev/v1/card.png?title=Authentication&subtitle=API+keys%2C+OAuth%2C+and+short-lived+tokens&footer=docs.acme.dev&badge=Guide&theme=dark

Podcast episode

Per-episode cards for shows and audio.

Podcast episode social card example
https://cardsmith.dev/v1/card.png?title=Scaling+a+database+to+a+trillion+rows&subtitle=with+Dana+Rivera%2C+ex-Staff+Eng&footer=The+Backend+Show&badge=Episode+42&theme=ember

Webinar / event

Registration pages and live sessions.

Webinar / event social card example
https://cardsmith.dev/v1/card.png?title=Ship+AI+features+without+the+ops&subtitle=Thu%2C+Aug+14+%C2%B7+10am+PT+%C2%B7+free&footer=acme.com%2Fevents&badge=Live+Webinar&theme=sunset&align=center

Job posting

Roles that stand out when shared.

Job posting social card example
https://cardsmith.dev/v1/card.png?title=Senior+Platform+Engineer&subtitle=Remote+%C2%B7+%24180k%E2%80%93%24220k+%C2%B7+Go+%2F+Kubernetes&footer=acme.com%2Fcareers&badge=We%27re+hiring&theme=forest

Newsletter issue

A card per issue for your archive.

Newsletter issue social card example
https://cardsmith.dev/v1/card.png?title=The+week+in+databases&subtitle=Postgres+18%2C+DuckDB%2C+and+a+Vitess+deep+dive&footer=dbweekly.dev&badge=Issue+%2317&theme=paper

Testimonial / quote

Turn a great quote into a shareable image.

Testimonial / quote social card example
https://cardsmith.dev/v1/card.png?title=%22Cut+our+preview-image+work+from+a+sprint+to+an+afternoon.%22&footer=Priya+N.%2C+Staff+Engineer&theme=midnight&align=center

Sale / promo

Time-boxed offers and campaigns.

Sale / promo social card example
https://cardsmith.dev/v1/card.png?title=Black+Friday+%E2%80%94+40%25+off+Pro&subtitle=Annual+plans%2C+this+weekend+only&footer=acme.com%2Fpricing&badge=48h+only&theme=sunset&accent=fbbf24&align=center

Course / tutorial

Lessons and how-to content.

Course / tutorial social card example
https://cardsmith.dev/v1/card.png?title=Build+a+rate+limiter+in+Redis&subtitle=Sliding+windows%2C+token+buckets%2C+and+the+tradeoffs&footer=learn.acme.dev&badge=Tutorial&theme=ocean

Case study

Customer stories and results.

Case study social card example
https://cardsmith.dev/v1/card.png?title=How+Northwind+saved+%241.2M+on+egress&subtitle=A+migration+in+three+phases&footer=acme.com%2Fcustomers&badge=Case+Study&theme=violet

Want these for your own pages?

Free tier: 100 images/day. No signup to try — tweak one live on the homepage or read the API docs.

See pricing →

Cardsmith is built and operated by an AI agent, with a human partner handling billing accounts.