OG Images Generator for Portfolios
On a portfolio site, every project link in your bio is a sample. If those links unfurl as bare text, you're throwing away the only chance a stranger has to see your work before they decide whether to click. Generate per-project cards that show the work, not just the URL.
Why portfolio sites need per-project cards
Designers, developers and freelancers live or die on first impressions. The unfurl in someone's DM is often the only sample of your work they'll see before they decide whether to hire you.
Project hero on every card
Oginify reads each project page and uses the hero image as the visual core of the card. Recipients see the actual screenshot, illustration or product photo in the unfurl — your work is the card, not a logo over the URL.
Self-aware typography
Portfolio cards have a job most others don't — they have to demonstrate taste. The brutalist and magazine presets are both available; pick the one that matches the work you ship. The card itself becomes a sample of the kind of designer or developer you are.
Per-project, not per-portfolio
One generic 'see my work' card across 30 projects is the digital equivalent of a stock business card. Per-project cards mean every link in your bio leads with the specific project the URL points to.
Update on case-study rewrites
Case studies evolve as you reframe the work. When you rewrite the project headline or swap the hero image, re-run the URL — the card updates in seconds, and old shares unfurl with the fresh version next time someone clicks.
Works with every portfolio platform
Cargo, Editorial, Framer, Webflow, Notion, Read.cv, hand-rolled Astro — Oginify reads the rendered HTML, so the stack doesn't matter. Stamp the og:image URL into the head and the unfurl is consistent everywhere.
Bio-link ready
Bio links on Twitter, LinkedIn and Read.cv only show the title and the card. Per-project cards mean every project link earns its own attention, not 'see my portfolio' generic shoutout. Your work does the introducing.
Designer · studio / folio
For designer portfolios
Designer portfolios are judged in two seconds. The card needs to demonstrate taste before it demonstrates anything else. The brutalist preset — italic serif split with a violent accent block — has become the de facto signature for independent designers in 2026. The card is the proof, the URL is the rabbit hole.
Developer · indie
For developer & indie hacker portfolios
Indie developers and side-project builders need cards that read as 'this person ships'. The terminal preset — monospace, accent rule, code-snippet kicker — does that work. Each project card shows the stack and the headline outcome, so the recipient knows what they're clicking into.
Studio · folio 2026
For studios & creative agencies
A studio's portfolio site is the new business pitch — the link your prospect's procurement team reviews before the first call. The magazine preset gives you editorial weight, large case-study hero photography and a clear typographic hierarchy. The card sets up the meeting before the meeting happens.
Freelance · writer
For freelance writers & creatives
Writers, illustrators and other creatives have portfolios that span dozens of disparate pieces. Per-piece cards mean each link earns its own attention. The magazine preset uses the piece's headline as the card hero, with a tiny byline mark — the work speaks first, the writer second.
The prompts behind these four cards
Each card above started as a one-paragraph prompt. Here are the four we used — paste them into Oginify with your own URL and you'll get the same direction in your brand.
Portfolio · studio / folio 2026
Generate a 1200×630 Open Graph card for a designer portfolio at studio / folio 2026. Brutalist layout on warm cream, large italic display serif headline "Work, 2026" taking up the left half, a solid black accent block on the right with small mono grid marks. Tiny mono caption "studio / folio · selected work" top-left, studio / folio wordmark bottom-left. Ink and cream only — no color. The top 110 px and bottom 110 px will be cropped off — keep headline, block and wordmark in the center band.
Indie · ksz / projects
Generate a 1200×630 Open Graph card for an indie developer portfolio at ksz / projects. Terminal frame mock centered on near-black, monospace headline "Six things I shipped this year" inside, small mono stack chips "ts · rust · postgres" under it, a thin accent rule. ksz / projects mono wordmark top-left in muted gray. Monochrome only. The top 110 px and bottom 110 px will be cropped off.
Studio · folio / case study 04
Generate a 1200×630 Open Graph card for a creative studio portfolio at folio, case study 04. Editorial magazine layout, large soft-focus case-study hero photograph filling the right two-thirds (architectural interior), tall serif headline "Case 04 — A quiet system for a loud brand" on the left in display serif, tiny mono caption "folio · case study 04" above it. Small folio mark bottom-left. Warm cream and ink only. The top 110 px and bottom 110 px will be cropped off.
Freelance · writing / archive
Generate a 1200×630 Open Graph card for a freelance writer portfolio at writing / archive. Headline-first composition on warm cream paper, large display serif headline "On editing, after the first thousand pieces" taking up the full center, tiny mono byline mark "writing / archive · essay" above the headline, small writing / archive wordmark bottom-left. Generous margins, ink only. The top 110 px and bottom 110 px will be cropped off.
Portfolio site Open Graph FAQ
Which preset to pick for which kind of portfolio, how to wire cards into Framer/Cargo/Webflow, and how cards behave in bio links.
Which preset should I pick for a designer portfolio?
Brutalist if you ship loud, contemporary, anti-corporate work. Magazine if your portfolio is editorial, photographic or case-study driven. Swiss if your work is enterprise, fintech or product-design-heavy where credibility outranks personality. The card has to match the work — pick the preset that's a sample of what you ship.
How does it work with Framer, Cargo or Webflow?
All three let you set custom og:image meta tags per page. Generate the card in Oginify, paste the URL into the page's SEO panel, the unfurl uses your card. For dynamic CMS-driven projects (Webflow CMS, Framer CMS), wire the Oginify API into the publish webhook so cards generate automatically.
Does the card matter for bio links?
Yes — possibly more than for anything else. Twitter, LinkedIn and Read.cv bio links only show the title and the card. A stranger discovering you through one shared link sees the card first, decides whether to click in the second, and only then reads anything. Per-project cards lift the click-through on bio links meaningfully.
What if my work is mostly photographic?
Photographic portfolios are some of the strongest cases for Oginify — the card frames the photograph properly with the project title in a typographic system, instead of cropping it awkwardly to fill 1200×630. The magazine preset handles this best.
Will the cards look right on Read.cv?
Yes. Read.cv renders Open Graph meta tags per profile and per project link, and the cards work identically there as on a personal domain. If your portfolio is mostly Read.cv, generate cards for the project URLs you've linked out to and let Read.cv handle the profile-level card.
Make every project link demonstrate the work
Paste any project URL and get a per-project 1200×630 Open Graph card that earns the click. No signup.