{"id":"0a11facb-8e27-47c2-bea9-4c5783e51dd7","name":"Webinar Spotlight Cover","slug":"webinar-spotlight-cover","category":"webinar-images","description":"A polished webinar cover with a live-event kicker, bold session title, speaker lineup and a date-and-time pill — perfect for registration pages, social promos and email headers.","sample_params":{"brand":"media0","datetime":"Thu, Sep 17 · 5:00 PM CET","kicker":"Live Webinar","speakers":"Maya Chen · Jonas Weber","title":"Scaling design systems without slowing teams down"},"spec":{"name":"webinar-spotlight-cover","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\u003cstyle\u003e\n.wb-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; }\n.wb-live { display: inline-flex; align-items: center; gap: 14px; font-size: 25px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #c7d2fe; }\n.wb-live::before { content: ''; width: 14px; height: 14px; border-radius: 50%; background: #f87171; box-shadow: 0 0 0 7px rgba(248, 113, 113, 0.25); }\n.wb-title { font-size: 70px; font-weight: 800; line-height: 1.08; letter-spacing: -0.025em; overflow-wrap: break-word; max-width: 18em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }\n.wb-bottom { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }\n.wb-speakers { display: flex; flex-direction: column; gap: 8px; min-width: 0; }\n.wb-speakers .label { font-size: 22px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.6; }\n.wb-speakers .names { font-size: 34px; font-weight: 700; line-height: 1.25; overflow-wrap: break-word; }\n.wb-when { flex-shrink: 0; display: inline-flex; align-items: center; gap: 14px; padding: 16px 30px; border-radius: 16px; font-size: 28px; font-weight: 600; white-space: nowrap; color: #eef2ff; background: rgba(255, 255, 255, 0.1); border: 2px solid rgba(255, 255, 255, 0.28); box-shadow: 0 12px 32px rgba(2, 6, 23, 0.35); }\n.wb-when::before { content: ''; width: 22px; height: 22px; flex-shrink: 0; border-radius: 5px; border: 3px solid currentColor; border-top-width: 8px; opacity: 0.85; }\n.wb-ring { position: absolute; z-index: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.1); pointer-events: none; }\n\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\u003cdiv class='og-canvas og-grad-indigo og-bg-grid'\u003e\n  \u003cimg class='og-blob' src='/lib/blob.svg' alt='' style='width: 820px; top: -260px; right: -280px; opacity: 0.9;'\u003e\n  \u003cdiv class='wb-ring' style='width: 560px; height: 560px; bottom: -300px; left: -180px;'\u003e\u003c/div\u003e\n  \u003cdiv class='wb-ring' style='width: 380px; height: 380px; bottom: -210px; left: -90px;'\u003e\u003c/div\u003e\n  \u003cdiv class='wb-top'\u003e\n    \u003cspan class='wb-live'\u003e{{.kicker}}\u003c/span\u003e\n    \u003cspan class='og-badge og-badge--invert'\u003e{{.brand}}\u003c/span\u003e\n  \u003c/div\u003e\n  \u003cdiv class='og-content'\u003e\n    \u003ch1 class='wb-title'\u003e{{.title}}\u003c/h1\u003e\n  \u003c/div\u003e\n  \u003cdiv class='wb-bottom'\u003e\n    \u003cdiv class='wb-speakers'\u003e\n      \u003cspan class='label'\u003eSpeakers\u003c/span\u003e\n      \u003cspan class='names'\u003e{{.speakers}}\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cspan class='wb-when'\u003e{{.datetime}}\u003c/span\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n","params":{"brand":{"type":"string","default":"media0","maxLen":40,"description":"Brand badge shown in the top-right corner."},"datetime":{"type":"string","required":true,"maxLen":60,"description":"Date and time of the webinar, e.g. 'Thu, Sep 17 · 5:00 PM CET'."},"kicker":{"type":"string","default":"Live Webinar","maxLen":40,"description":"Uppercase event label next to the live dot, e.g. 'Live Webinar' or 'On-Demand'."},"speakers":{"type":"string","required":true,"maxLen":90,"description":"Speaker name(s), separated however you like, e.g. 'Maya Chen · Jonas Weber'."},"title":{"type":"string","required":true,"maxLen":120,"description":"Webinar session title — the main headline."}}}}