{"id":"924ed48d-a60c-4fc1-9a16-cc15f0ff5f0b","name":"Gradient OG Card","slug":"gradient-og-card","category":"open-graph-images","description":"A dark gradient Open Graph card with a badge, headline and description — the classic social share image, ready for any page.","sample_params":{"badge":"media0","description":"One template, infinite parameters.","title":"Programmatic images for every URL"},"spec":{"name":"og-basic","width":1200,"height":630,"scale":2,"html":"\u003c!doctype html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\u003cmeta charset='utf-8'\u003e\n\u003clink rel='stylesheet' href='/lib/og.css'\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\u003cdiv class='og-canvas og-grad-slate og-bg-grid'\u003e\n  \u003cimg class='og-blob' src='/lib/blob.svg' alt='' style='width: 760px; top: -220px; right: -240px;'\u003e\n  \u003cdiv class='og-content'\u003e\n    \u003cspan class='og-badge og-badge--invert'\u003e{{.badge}}\u003c/span\u003e\n    \u003ch1 class='og-title'\u003e{{.title}}\u003c/h1\u003e\n    \u003cp class='og-subtitle'\u003e{{.description}}\u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv class='og-footer'\u003e\n    \u003cspan\u003emedia0\u003c/span\u003e\n    \u003chr class='og-rule'\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n","params":{"badge":{"type":"string","default":"New","maxLen":40,"description":"Short pill label above the title."},"description":{"type":"string","maxLen":240,"description":"One-sentence supporting line under the title."},"title":{"type":"string","required":true,"maxLen":120,"description":"Main headline of the card."}}}}