{
  "id": "event-badge",
  "name": "Large Vertical Event Badge",
  "description": "A premium, large vertical attendee credential badge designed for tech conferences, meetups, fests, and summits. Features a cyberpunk dark theme, glowing neon accents, and circular photo frame.",
  "type": "id-card",
  "category": "pass",
  "backgroundColor": "#09090B",
  "accentColor": "#06B6D4",
  "dimensions": {
    "width": 540,
    "height": 856,
    "label": "Large Vertical Badge"
  },
  "frontLayers": [
    {
      "id": "background",
      "type": "shape",
      "x": 0,
      "y": 0,
      "width": 540,
      "height": 856,
      "color": "#09090B",
      "borderRadius": 0,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "lanyard-slot-bar",
      "type": "shape",
      "x": 0,
      "y": 0,
      "width": 540,
      "height": 12,
      "color": "#06B6D4",
      "borderRadius": 0,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "lanyard-slot-hole",
      "type": "shape",
      "x": 240,
      "y": 24,
      "width": 60,
      "height": 12,
      "color": "#1F2937",
      "borderRadius": 6,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "bg-glow-tr",
      "type": "shape",
      "x": 300,
      "y": 0,
      "width": 300,
      "height": 300,
      "color": "transparent",
      "content": "<svg viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='40' stroke='#8B5CF6' stroke-width='0.5' opacity='0.15'/><circle cx='50' cy='50' r='30' stroke='#06B6D4' stroke-width='0.5' opacity='0.1'/></svg>",
      "opacity": 0.8,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "event-header",
      "type": "text",
      "x": 40,
      "y": 64,
      "width": 460,
      "height": 40,
      "content": "{{event}}",
      "fontSize": 16,
      "fontWeight": "800",
      "color": "#06B6D4",
      "fontFamily": "Montserrat",
      "textAlign": "center",
      "letterSpacing": 3,
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "event-meta",
      "type": "text",
      "x": 40,
      "y": 100,
      "width": 460,
      "height": 20,
      "content": "OCTOBER 14-16, 2026 • METROPOLIS ARENA",
      "fontSize": 9,
      "fontWeight": "600",
      "color": "#6B7280",
      "fontFamily": "Inter",
      "textAlign": "center",
      "letterSpacing": 1.5,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "photo-frame",
      "type": "shape",
      "x": 180,
      "y": 156,
      "width": 180,
      "height": 180,
      "color": "transparent",
      "borderWidth": 3,
      "borderColor": "#8B5CF6",
      "borderRadius": 9999,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "photo-attendee",
      "type": "image",
      "x": 185,
      "y": 161,
      "width": 170,
      "height": 170,
      "content": "{{photo}}",
      "borderRadius": 9999,
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "name-attendee",
      "type": "text",
      "x": 40,
      "y": 366,
      "width": 460,
      "height": 48,
      "content": "{{name}}",
      "fontSize": 32,
      "fontWeight": "900",
      "color": "#FFFFFF",
      "fontFamily": "Montserrat",
      "textAlign": "center",
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "designation-pill",
      "type": "shape",
      "x": 170,
      "y": 434,
      "width": 200,
      "height": 32,
      "color": "#8B5CF6",
      "borderRadius": 16,
      "opacity": 0.2,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "designation-text",
      "type": "text",
      "x": 40,
      "y": 440,
      "width": 460,
      "height": 20,
      "content": "{{designation}}",
      "fontSize": 12,
      "fontWeight": "800",
      "color": "#A78BFA",
      "fontFamily": "Montserrat",
      "textAlign": "center",
      "letterSpacing": 2,
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "company-text",
      "type": "text",
      "x": 40,
      "y": 480,
      "width": 460,
      "height": 24,
      "content": "{{company}}",
      "fontSize": 14,
      "fontWeight": "500",
      "color": "#9CA3AF",
      "fontFamily": "Inter",
      "textAlign": "center",
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "divider",
      "type": "shape",
      "x": 120,
      "y": 530,
      "width": 300,
      "height": 1,
      "color": "#1F2937",
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "qr-container",
      "type": "shape",
      "x": 200,
      "y": 566,
      "width": 140,
      "height": 140,
      "color": "#FFFFFF",
      "borderRadius": 12,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "qr-code",
      "type": "qr",
      "x": 210,
      "y": 576,
      "width": 120,
      "height": 120,
      "content": "{{qr_code}}",
      "color": "#09090B",
      "backgroundColor": "transparent",
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "access-text",
      "type": "text",
      "x": 40,
      "y": 736,
      "width": 460,
      "height": 24,
      "content": "ALL-ACCESS PASS",
      "fontSize": 13,
      "fontWeight": "800",
      "color": "#06B6D4",
      "fontFamily": "Montserrat",
      "textAlign": "center",
      "letterSpacing": 4,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "bottom-bar",
      "type": "shape",
      "x": 0,
      "y": 844,
      "width": 540,
      "height": 12,
      "color": "#06B6D4",
      "borderRadius": 0,
      "opacity": 0.8,
      "rotation": 0,
      "locked": true,
      "visible": true
    }
  ],
  "backLayers": [],
  "sample_data": {
    "headers": [
      "photo",
      "name",
      "designation",
      "company",
      "event",
      "qr_code"
    ],
    "columnMetadata": {
      "photo": "image",
      "name": "text",
      "designation": "text",
      "company": "text",
      "event": "text",
      "qr_code": "text"
    },
    "rows": [
      {
        "photo": "https://xhgnsubbtdxfrwzouzst.supabase.co/storage/v1/object/public/images/men_profilephoto.png",
        "name": "Jonathan Doe",
        "designation": "Lead Developer",
        "company": "Global Tech Inc",
        "event": "Vanguard Summit 2026",
        "qr_code": "VERIFY-ATTENDEE-2026-X"
      }
    ]
  }
}