{"id":"ac9ca53c-3eb1-4047-9106-58a0e905f479","name":"Podium Top Three","slug":"podium-top-three","category":"leaderboards","description":"A dark leaderboard card showing your top three with gold, silver and bronze rank medals — perfect for weekly rankings, sales contests and community shout-outs.","sample_params":{"name1":"Ada Lovelace","name2":"Grace Hopper","name3":"Alan Turing","score1":"12,480","score2":"11,905","score3":"10,342","subtitle":"Top contributors · July 28 – Aug 3","title":"Weekly Leaderboard"},"spec":{"name":"podium-top-three","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.lb-head { display: flex; flex-direction: column; gap: 10px; }\n.lb-title { font-size: 54px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.05; margin: 0; color: #f8fafc; overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n.lb-sub { font-size: 24px; font-weight: 500; color: rgba(226,232,240,0.72); margin: 0; overflow-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.lb-list { display: flex; flex-direction: column; gap: 18px; margin-top: 34px; }\n.lb-row { display: flex; align-items: center; gap: 26px; padding: 22px 32px; border-radius: 20px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.09); }\n.lb-row--1 { padding: 28px 32px; background: linear-gradient(100deg, rgba(250,204,21,0.16), rgba(255,255,255,0.05) 60%); border: 1px solid rgba(250,204,21,0.45); box-shadow: 0 12px 40px rgba(250,204,21,0.10); }\n.lb-medal { flex: 0 0 auto; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 800; color: #1e293b; box-shadow: inset 0 -3px 6px rgba(0,0,0,0.25), 0 4px 14px rgba(0,0,0,0.35); }\n.lb-row--1 .lb-medal { width: 76px; height: 76px; font-size: 36px; background: linear-gradient(160deg, #fde68a, #f59e0b 70%); }\n.lb-medal--2 { background: linear-gradient(160deg, #f1f5f9, #94a3b8 70%); }\n.lb-medal--3 { background: linear-gradient(160deg, #fdba74, #b45309 75%); color: #fff7ed; }\n.lb-name { flex: 1 1 auto; min-width: 0; font-size: 34px; font-weight: 700; color: #f1f5f9; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.lb-row--1 .lb-name { font-size: 40px; }\n.lb-score { flex: 0 0 auto; font-size: 32px; font-weight: 800; font-variant-numeric: tabular-nums; color: rgba(226,232,240,0.9); }\n.lb-row--1 .lb-score { font-size: 38px; color: #fde68a; }\n\u003c/style\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: 720px; top: -260px; right: -260px;'\u003e\n  \u003cdiv class='og-content' style='justify-content: flex-start; padding-top: 56px;'\u003e\n    \u003cdiv class='lb-head'\u003e\n      \u003ch1 class='lb-title'\u003e{{.title}}\u003c/h1\u003e\n      \u003cp class='lb-sub'\u003e{{.subtitle}}\u003c/p\u003e\n    \u003c/div\u003e\n    \u003cdiv class='lb-list'\u003e\n      \u003cdiv class='lb-row lb-row--1'\u003e\n        \u003cdiv class='lb-medal'\u003e1\u003c/div\u003e\n        \u003cdiv class='lb-name'\u003e{{.name1}}\u003c/div\u003e\n        \u003cdiv class='lb-score'\u003e{{.score1}}\u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class='lb-row'\u003e\n        \u003cdiv class='lb-medal lb-medal--2'\u003e2\u003c/div\u003e\n        \u003cdiv class='lb-name'\u003e{{.name2}}\u003c/div\u003e\n        \u003cdiv class='lb-score'\u003e{{.score2}}\u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class='lb-row'\u003e\n        \u003cdiv class='lb-medal lb-medal--3'\u003e3\u003c/div\u003e\n        \u003cdiv class='lb-name'\u003e{{.name3}}\u003c/div\u003e\n        \u003cdiv class='lb-score'\u003e{{.score3}}\u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n","params":{"name1":{"type":"string","required":true,"maxLen":60,"description":"Name of the first-place entry."},"name2":{"type":"string","required":true,"maxLen":60,"description":"Name of the second-place entry."},"name3":{"type":"string","required":true,"maxLen":60,"description":"Name of the third-place entry."},"score1":{"type":"string","required":true,"maxLen":24,"description":"Score or metric shown for first place, e.g. '12,480' or '98 pts'."},"score2":{"type":"string","required":true,"maxLen":24,"description":"Score or metric shown for second place."},"score3":{"type":"string","required":true,"maxLen":24,"description":"Score or metric shown for third place."},"subtitle":{"type":"string","maxLen":120,"description":"Optional context line under the title, e.g. the time period or metric."},"title":{"type":"string","required":true,"maxLen":80,"description":"Leaderboard headline, e.g. the contest or community name."}}}}