{
  "root": "frame",
  "elements": {
    "frame": {
      "type": "Frame",
      "props": {
        "width": 1200,
        "height": 630,
        "backgroundColor": "#0f172a",
        "padding": 60,
        "flexDirection": "column",
        "justifyContent": "space-between"
      },
      "children": [
        "top-row",
        "content",
        "bottom-row"
      ]
    },
    "top-row": {
      "type": "Row",
      "props": {
        "gap": 12,
        "alignItems": "center"
      },
      "children": [
        "logo-dot",
        "brand"
      ]
    },
    "logo-dot": {
      "type": "Box",
      "props": {
        "width": 32,
        "height": 32,
        "backgroundColor": "#6366f1",
        "borderRadius": 16
      },
      "children": []
    },
    "brand": {
      "type": "Text",
      "props": {
        "text": "acme.dev",
        "fontSize": 24,
        "color": "#94a3b8"
      },
      "children": []
    },
    "content": {
      "type": "Column",
      "props": {
        "gap": 16
      },
      "children": [
        "title",
        "subtitle"
      ]
    },
    "title": {
      "type": "Heading",
      "props": {
        "text": "Build faster with the modern developer platform",
        "level": "h1",
        "color": "#f8fafc",
        "letterSpacing": "-0.02em",
        "lineHeight": 1.1
      },
      "children": []
    },
    "subtitle": {
      "type": "Text",
      "props": {
        "text": "Ship production-ready apps in minutes, not months.",
        "fontSize": 24,
        "color": "#94a3b8",
        "lineHeight": 1.4
      },
      "children": []
    },
    "bottom-row": {
      "type": "Row",
      "props": {
        "gap": 8,
        "alignItems": "center"
      },
      "children": [
        "url"
      ]
    },
    "url": {
      "type": "Text",
      "props": {
        "text": "acme.dev/platform",
        "fontSize": 18,
        "color": "#6366f1",
        "fontWeight": "bold"
      },
      "children": []
    }
  }
}