{
  "version": 1,
  "title": "Software architecture overview",
  "format": "custom",
  "canvasSize": [
    1200,
    720
  ],
  "watermark": true,
  "objects": [
    {
      "type": "text",
      "text": "A small app, at a glance.",
      "x": 64,
      "y": 48,
      "fontSize": 52,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "Software architecture · start with the main responsibilities",
      "x": 66,
      "y": 119,
      "fontSize": 27,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "Browser",
      "x": 75,
      "y": 258,
      "fontSize": 40,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "the user interface",
      "x": 75,
      "y": 313,
      "fontSize": 25,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "App service",
      "x": 515,
      "y": 258,
      "fontSize": 40,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "business logic",
      "x": 515,
      "y": 313,
      "fontSize": 25,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "HTTPS",
      "x": 305,
      "y": 206,
      "fontSize": 27,
      "color": "#306ad2",
      "fontFamily": "sans"
    },
    {
      "type": "arrow",
      "points": [
        [
          261,
          273
        ],
        [
          367,
          257
        ],
        [
          473,
          273
        ]
      ],
      "color": "#306ad2",
      "width": 5,
      "smooth": false
    },
    {
      "type": "text",
      "text": "Database",
      "x": 927,
      "y": 216,
      "fontSize": 40,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "application data",
      "x": 927,
      "y": 271,
      "fontSize": 25,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "read / write",
      "x": 736,
      "y": 168,
      "fontSize": 25,
      "color": "#16845d",
      "fontFamily": "sans"
    },
    {
      "type": "arrow",
      "points": [
        [
          741,
          265
        ],
        [
          809,
          226
        ],
        [
          891,
          235
        ]
      ],
      "color": "#16845d",
      "width": 5,
      "smooth": false
    },
    {
      "type": "text",
      "text": "Email provider",
      "x": 884,
      "y": 445,
      "fontSize": 40,
      "color": "#292d32",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "external service",
      "x": 884,
      "y": 500,
      "fontSize": 25,
      "color": "#667064",
      "fontFamily": "sans"
    },
    {
      "type": "text",
      "text": "send email",
      "x": 530,
      "y": 427,
      "fontSize": 25,
      "color": "#e32d38",
      "fontFamily": "sans"
    },
    {
      "type": "arrow",
      "points": [
        [
          680,
          341
        ],
        [
          760,
          464
        ],
        [
          845,
          466
        ]
      ],
      "color": "#e32d38",
      "width": 5,
      "smooth": false
    },
    {
      "type": "text",
      "text": "Change the labels. Keep one level of detail.",
      "x": 75,
      "y": 582,
      "fontSize": 32,
      "color": "#292d32",
      "fontFamily": "sans"
    }
  ]
}