Open Graph Cards by Website Type
Storefront, SaaS, blog, portfolio, dev tool, agency — each category shares its links its own way. Find yours and copy the system.
E-commerce stores
PDPs, category pages and campaign landings — per-SKU cards that auto-refresh on price and stock changes.
SaaS & B2B
Marketing, pricing and changelog pages that need to look credible in every Slack and LinkedIn unfurl.
Blogs & newsletters
Independent blogs, Substack and Ghost sites — per-article cards generated at publish time from the headline and hero image.
Portfolios & personal sites
Designer, developer and creative portfolios — every project link gets its own little pitch.
Developer tools
SoonDocs, API references and release notes — terminal-flavored cards that earn the click in dev communities.
Agencies & studios
SoonPortfolio, case-study and client work pages — one shared style, dozens of unique cards.
By Website FAQ
Why the website-type axis exists alongside the page-type guides above.
How is website-type different from page-type?
Page-type tells you what to put on a single card. Website-type tells you what card system covers every page on a whole site — how a SaaS's changelog card relates to its pricing card, or how a shop's PDP card relates to its collection card. Page-type is a decision; website-type is a system.
We're a hybrid (SaaS + blog + docs) — which guide fits?
Pick the storefront most of your traffic lands on and use it as the base system. SaaS works well when marketing+pricing+changelog do the heavy lifting; e-commerce when PDPs do; blog when articles do. Then borrow one or two patterns from a neighbour guide for the sub-section.
Do these systems assume a specific stack?
No — they're stack-agnostic. Every pattern boils down to a 1200×630 PNG plus a few meta tags, so it works on Next.js, Astro, WordPress, Shopify, Webflow, Ghost, or a static site. The painter reads the page; it doesn't care how you built it.
Stop Browsing, Start Shipping
The cards you've been browsing on this hub were all painted the same way — one URL, four variants, no template picker in the middle.