{
  "type": "excalidraw",
  "version": 2,
  "source": "https://excalidraw.com",
  "elements": [
    {
      "id": "title",
      "type": "text",
      "x": 280,
      "y": 20,
      "width": 250,
      "height": 35,
      "text": "System Architecture",
      "fontSize": 28,
      "fontFamily": 1,
      "textAlign": "center",
      "strokeColor": "#1e1e1e"
    },
    {
      "id": "client-box",
      "type": "rectangle",
      "x": 50,
      "y": 100,
      "width": 150,
      "height": 80,
      "strokeColor": "#6366f1",
      "backgroundColor": "#eef2ff",
      "fillStyle": "solid",
      "roundness": { "type": 3 }
    },
    {
      "id": "client-label",
      "type": "text",
      "x": 70,
      "y": 120,
      "width": 110,
      "height": 45,
      "text": "Your App\n(API Client)",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "center",
      "strokeColor": "#6366f1"
    },
    {
      "id": "api-box",
      "type": "rectangle",
      "x": 300,
      "y": 100,
      "width": 180,
      "height": 80,
      "strokeColor": "#8b5cf6",
      "backgroundColor": "#f5f3ff",
      "fillStyle": "solid",
      "roundness": { "type": 3 }
    },
    {
      "id": "api-label",
      "type": "text",
      "x": 320,
      "y": 115,
      "width": 140,
      "height": 55,
      "text": "Skippy API\napi.skippy.id",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "center",
      "strokeColor": "#8b5cf6"
    },
    {
      "id": "wallet-box",
      "type": "rectangle",
      "x": 580,
      "y": 100,
      "width": 150,
      "height": 80,
      "strokeColor": "#10b981",
      "backgroundColor": "#ecfdf5",
      "fillStyle": "solid",
      "roundness": { "type": 3 }
    },
    {
      "id": "wallet-label",
      "type": "text",
      "x": 600,
      "y": 120,
      "width": 110,
      "height": 45,
      "text": "Holder Wallet\n(Mobile/Web)",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "center",
      "strokeColor": "#10b981"
    },
    {
      "id": "webhook-box",
      "type": "rectangle",
      "x": 50,
      "y": 280,
      "width": 150,
      "height": 80,
      "strokeColor": "#f59e0b",
      "backgroundColor": "#fffbeb",
      "fillStyle": "solid",
      "roundness": { "type": 3 }
    },
    {
      "id": "webhook-label",
      "type": "text",
      "x": 65,
      "y": 300,
      "width": 120,
      "height": 45,
      "text": "Your Webhook\nEndpoint",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "center",
      "strokeColor": "#f59e0b"
    },
    {
      "id": "db-box",
      "type": "rectangle",
      "x": 300,
      "y": 280,
      "width": 180,
      "height": 80,
      "strokeColor": "#64748b",
      "backgroundColor": "#f8fafc",
      "fillStyle": "solid",
      "roundness": { "type": 3 }
    },
    {
      "id": "db-label",
      "type": "text",
      "x": 320,
      "y": 300,
      "width": 140,
      "height": 45,
      "text": "Skippy Storage\n(Templates, Offers)",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "center",
      "strokeColor": "#64748b"
    },
    {
      "id": "flow1-label",
      "type": "text",
      "x": 210,
      "y": 125,
      "width": 80,
      "height": 20,
      "text": "REST API",
      "fontSize": 12,
      "fontFamily": 1,
      "strokeColor": "#6b7280"
    },
    {
      "id": "flow2-label",
      "type": "text",
      "x": 490,
      "y": 125,
      "width": 80,
      "height": 20,
      "text": "OpenID4VC",
      "fontSize": 12,
      "fontFamily": 1,
      "strokeColor": "#6b7280"
    },
    {
      "id": "flow3-label",
      "type": "text",
      "x": 150,
      "y": 220,
      "width": 80,
      "height": 20,
      "text": "Webhooks",
      "fontSize": 12,
      "fontFamily": 1,
      "strokeColor": "#6b7280"
    }
  ],
  "appState": {
    "viewBackgroundColor": "#ffffff",
    "gridSize": null
  }
}