Conference Badge

curl -X POST https://renderfy.io/api/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
  "type": "tailwind",
  "content": "<div class=\"flex h-full w-full flex-col justify-between bg-zinc-900 p-10\" style=\"border-left:8px solid #00e676;\">\n  <div class=\"flex items-center justify-between\">\n    <div class=\"flex flex-col\">\n      <span class=\"font-mono text-xs font-bold text-emerald-400\">DEVCONF 2026</span>\n      <span class=\"mt-1 font-mono text-xs text-zinc-500\">JULY 25-26 · MERIDIAN CENTRE</span>\n    </div>\n    <div class=\"flex items-center rounded-full bg-emerald-600 px-5 py-2\">\n      <span class=\"text-xs font-bold text-white\">VIP ACCESS</span>\n    </div>\n  </div>\n  <div class=\"flex flex-col\">\n    <span class=\"font-mono text-xs text-zinc-500\">ATTENDEE</span>\n    <span class=\"mt-2 text-6xl font-bold text-white\">Alex Rivera</span>\n    <span class=\"mt-2 text-xl text-zinc-400\">Engineering Lead</span>\n    <span class=\"mt-1 text-base text-emerald-400\">Renderfy</span>\n    <div class=\"mt-5 flex items-center\">\n      <div class=\"flex rounded-full border border-emerald-500 px-4 py-1\">\n        <span class=\"text-xs text-emerald-400\">Speaker</span>\n      </div>\n      <div class=\"ml-3 flex rounded-full border border-zinc-600 px-4 py-1\">\n        <span class=\"text-xs text-zinc-400\">Workshop Pass</span>\n      </div>\n      <div class=\"ml-3 flex rounded-full border border-zinc-600 px-4 py-1\">\n        <span class=\"text-xs text-zinc-400\">All Areas</span>\n      </div>\n    </div>\n  </div>\n  <div class=\"flex items-center justify-between\">\n    <div class=\"flex flex-col\">\n      <span class=\"font-mono text-xs text-zinc-500\">BADGE ID</span>\n      <span class=\"mt-1 font-mono text-sm text-zinc-300\">#DCVIP-2026-0142</span>\n    </div>\n    <div class=\"flex flex-col items-center\">\n      <div class=\"flex h-24 w-24 items-center justify-center rounded-xl bg-white\">\n        <span class=\"font-mono text-xs text-zinc-400\">[ QR ]</span>\n      </div>\n      <span class=\"mt-2 font-mono text-xs text-zinc-500\">Scan at entry</span>\n    </div>\n  </div>\n</div>",
  "options": {
    "format": "png",
    "dimensions": {
      "width": 1012,
      "height": 638
    },
    "scale": 2
  }
}' \
  --output render.png