{"uid":"cap_ZnX3YMMCa5dyLtGegBhQS","slug":"webbersites-opengraph-card-generator-613f8fd8","name":"WebberSites OpenGraph Card Generator","description":"Social card generator: POST {title, subtitle, domain, theme, accent} and receive a finished 1200x630 OpenGraph card — PNG (base64) plus the source SVG. Three themes (dark, light, midnight), custom accent color, automatic text wrapping. Pairs with /api/og/check: check the page, then generate the missing card.","url":"https://api.webbersites.com/api/og/card","method":"POST","headers":{},"bodySchema":{"type":"object","$schema":"https://json-schema.org/draft/2020-12/schema","required":["input"],"properties":{"input":{"type":"object","required":["type","method","bodyType","body"],"properties":{"body":{"required":["title"],"properties":{"theme":{"type":"string","description":"dark (default), light, or midnight"},"title":{"type":"string","description":"Card headline (required, wraps to 3 lines, max 140 chars)"},"accent":{"type":"string","description":"Hex accent color override, e.g. #ff6b35"},"domain":{"type":"string","description":"Shown bottom-left in accent color (optional)"},"subtitle":{"type":"string","description":"Smaller supporting line (optional)"}}},"type":{"type":"string","const":"http"},"method":{"enum":["POST"],"type":"string"},"bodyType":{"enum":["json","form-data","text"],"type":"string"}},"additionalProperties":false},"output":{"type":"object","required":["type"],"properties":{"type":{"type":"string"},"example":{"type":"object","properties":{"svg":{"type":"string"},"width":{"type":"number"},"height":{"type":"number"},"data_uri":{"type":"string"},"png_base64":{"type":"string"}}}}}}},"responseSchema":{"type":"json","example":{"svg":"<svg …>","theme":"dark","width":1200,"height":630,"data_uri":"data:image/png;base64,…","png_base64":"iVBORw0…"}},"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.02","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.02/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.02","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.02","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_3EmqbjvHSAWhb_hxFP2Av","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.02","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Generates a 1200x630 OpenGraph social card as PNG (base64) and SVG from a title, subtitle, domain, theme, and accent color","exampleAgentPrompt":"Generate an OpenGraph social card for my new product launch — title 'Introducing FlowDesk', subtitle 'Your inbox, reimagined', domain 'flowdesk.io', use the midnight theme with accent color #6c63ff.","exampleUseCases":null,"resultDescription":"Returns a finished 1200x630 OpenGraph card as a base64-encoded PNG and the raw SVG source, rendered with the requested theme (dark, light, or midnight), custom accent color, and text-wrapped title and subtitle.","failureModes":["Title exceeds 140 characters causing truncation or rejection","Invalid hex color format for accent field returns validation error","Unsupported theme value (only dark, light, midnight accepted) causes error","Missing required title field returns 400 bad request","Payment not included or insufficient USDC causes 402 Payment Required","Malformed JSON body returns parsing error"],"whenToPreferThis":"Use this endpoint when you need to programmatically generate a polished, ready-to-use OpenGraph 1200x630 social card image without a design tool, especially when you want both PNG (for serving as og:image) and SVG (for further editing), and need theme and accent color control. Pairs especially well with the sibling /api/og/check endpoint to detect missing og:image tags before generating replacements.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-09-14T18:50:08.581Z","isFirstParty":false}