{
  "id": "professional-id-card",
  "name": "Professional ID Card",
  "description": "A premium, CR80 credit-card sized vertical corporate ID card. Features a modern slate and cyan dual-tone layout, overlapping photo frame, clean information fields, and a barcode/QR verification section.",
  "type": "id-card",
  "category": "employee",
  "backgroundColor": "#F8FAFC",
  "accentColor": "#0EA5E9",
  "dimensions": {
    "width": 340,
    "height": 540,
    "label": "CR80 Vertical Card"
  },
  "frontLayers": [
    {
      "id": "background",
      "type": "shape",
      "x": 0,
      "y": 0,
      "width": 340,
      "height": 540,
      "color": "#F8FAFC",
      "borderRadius": 0,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "header-block",
      "type": "shape",
      "x": 0,
      "y": 0,
      "width": 340,
      "height": 120,
      "color": "#1E293B",
      "borderRadius": 0,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "neon-top-bar",
      "type": "shape",
      "x": 0,
      "y": 0,
      "width": 340,
      "height": 8,
      "color": "#0EA5E9",
      "borderRadius": 0,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "slot-hole",
      "type": "shape",
      "x": 140,
      "y": 16,
      "width": 60,
      "height": 10,
      "color": "#0F172A",
      "borderRadius": 5,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "org-header",
      "type": "text",
      "x": 20,
      "y": 46,
      "width": 300,
      "height": 22,
      "content": "{{organization}}",
      "fontSize": 11,
      "fontWeight": "800",
      "color": "#0EA5E9",
      "fontFamily": "Montserrat",
      "textAlign": "center",
      "letterSpacing": 2,
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "subtitle-header",
      "type": "text",
      "x": 20,
      "y": 72,
      "width": 300,
      "height": 16,
      "content": "OFFICIAL IDENTITY CARD",
      "fontSize": 8,
      "fontWeight": "600",
      "color": "#94A3B8",
      "fontFamily": "Inter",
      "textAlign": "center",
      "letterSpacing": 1.5,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "photo-frame",
      "type": "shape",
      "x": 95,
      "y": 100,
      "width": 150,
      "height": 150,
      "color": "transparent",
      "borderWidth": 3,
      "borderColor": "#0EA5E9",
      "borderRadius": 10,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "photo-id",
      "type": "image",
      "x": 100,
      "y": 105,
      "width": 140,
      "height": 140,
      "content": "{{photo}}",
      "borderRadius": 8,
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "name-id",
      "type": "text",
      "x": 20,
      "y": 265,
      "width": 300,
      "height": 32,
      "content": "{{name}}",
      "fontSize": 18,
      "fontWeight": "900",
      "color": "#0F172A",
      "fontFamily": "Montserrat",
      "textAlign": "center",
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "designation-id",
      "type": "text",
      "x": 20,
      "y": 292,
      "width": 300,
      "height": 18,
      "content": "{{designation}}",
      "fontSize": 10,
      "fontWeight": "700",
      "color": "#0EA5E9",
      "fontFamily": "Montserrat",
      "textAlign": "center",
      "letterSpacing": 1,
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "department-id",
      "type": "text",
      "x": 20,
      "y": 310,
      "width": 300,
      "height": 18,
      "content": "{{department}}",
      "fontSize": 10,
      "fontWeight": "500",
      "color": "#64748B",
      "fontFamily": "Inter",
      "textAlign": "center",
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "divider-line",
      "type": "shape",
      "x": 40,
      "y": 340,
      "width": 260,
      "height": 1,
      "color": "#E2E8F0",
      "borderRadius": 0,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "label-id-num",
      "type": "text",
      "x": 40,
      "y": 356,
      "width": 120,
      "height": 12,
      "content": "ID NUMBER",
      "fontSize": 7,
      "fontWeight": "700",
      "color": "#94A3B8",
      "fontFamily": "Montserrat",
      "textAlign": "left",
      "letterSpacing": 1,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "value-id-num",
      "type": "text",
      "x": 40,
      "y": 370,
      "width": 120,
      "height": 18,
      "content": "{{id}}",
      "fontSize": 11,
      "fontWeight": "700",
      "color": "#0F172A",
      "fontFamily": "Inter",
      "textAlign": "left",
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "label-valid",
      "type": "text",
      "x": 180,
      "y": 356,
      "width": 120,
      "height": 12,
      "content": "VALID UNTIL",
      "fontSize": 7,
      "fontWeight": "700",
      "color": "#94A3B8",
      "fontFamily": "Montserrat",
      "textAlign": "right",
      "letterSpacing": 1,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    },
    {
      "id": "value-valid",
      "type": "text",
      "x": 180,
      "y": 370,
      "width": 120,
      "height": 18,
      "content": "{{valid_until}}",
      "fontSize": 11,
      "fontWeight": "700",
      "color": "#0F172A",
      "fontFamily": "Inter",
      "textAlign": "right",
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "qr-code",
      "type": "qr",
      "x": 120,
      "y": 404,
      "width": 100,
      "height": 100,
      "content": "{{qr_code}}",
      "color": "#1E293B",
      "backgroundColor": "#F8FAFC",
      "opacity": 1,
      "rotation": 0,
      "locked": false,
      "visible": true
    },
    {
      "id": "bottom-neon-bar",
      "type": "shape",
      "x": 0,
      "y": 528,
      "width": 340,
      "height": 12,
      "color": "#0EA5E9",
      "borderRadius": 0,
      "opacity": 1,
      "rotation": 0,
      "locked": true,
      "visible": true
    }
  ],
  "backLayers": [],
  "sample_data": {
    "headers": [
      "photo",
      "name",
      "id",
      "department",
      "designation",
      "organization",
      "qr_code",
      "valid_until"
    ],
    "columnMetadata": {
      "photo": "image",
      "name": "text",
      "id": "text",
      "department": "text",
      "designation": "text",
      "organization": "text",
      "qr_code": "text",
      "valid_until": "text"
    },
    "rows": [
      {
        "photo": "https://xhgnsubbtdxfrwzouzst.supabase.co/storage/v1/object/public/images/men_profilephoto.png",
        "name": "Jonathan Doe",
        "id": "ID-8829-X01",
        "department": "R&D Division",
        "designation": "Lead Developer",
        "organization": "Global Tech Inc",
        "qr_code": "VERIFY-ATTENDEE-2026-X",
        "valid_until": "Dec 2030"
      }
    ]
  }
}