{
  "nodes": [
    {
      "id": "page-root",
      "type": "frame",
      "label": "Page",
      "direction": "vertical",
      "widthSizing": "fill",
      "heightSizing": "hug",
      "gap": 24,
      "padding": [
        32,
        24
      ],
      "children": [
        {
          "id": "hero-title",
          "type": "text",
          "label": "Hero heading",
          "markup": "Make your next move.",
          "textStyle": "h1"
        },
        {
          "id": "hero-copy",
          "type": "text",
          "label": "Hero introduction",
          "markup": "A short introduction to your work and the people you help.",
          "textStyle": "paragraph"
        },
        {
          "id": "contact-link",
          "type": "link",
          "label": "Contact link",
          "link": {
            "type": "url",
            "href": "mailto:hello@example.com"
          },
          "padding": [
            12,
            20
          ],
          "children": [
            {
              "id": "contact-label",
              "type": "text",
              "label": "Contact label",
              "markup": "Get in touch",
              "textStyle": "paragraph"
            }
          ]
        }
      ]
    }
  ]
}