penframe/examples/ast_spacer_test.json

A lightweight DSL-based wireframe and UI structure visualization tool.

[
  {
    "type": "config",
    "title": "Spacer Test"
  },
  {
    "type": "headline",
    "value": "Spacer Examples"
  },
  {
    "type": "paragraph",
    "value": "This paragraph is followed by a default spacer (height: 16px)"
  },
  {
    "type": "spacer"
  },
  {
    "type": "paragraph",
    "value": "This paragraph is followed by a small spacer (height: 10px)"
  },
  {
    "type": "spacer",
    "height": 10
  },
  {
    "type": "paragraph",
    "value": "This paragraph is followed by a medium spacer (height: 30px)"
  },
  {
    "type": "spacer",
    "height": 30
  },
  {
    "type": "paragraph",
    "value": "This paragraph is followed by a large spacer (height: 60px)"
  },
  {
    "type": "spacer",
    "height": 60
  },
  {
    "type": "paragraph",
    "value": "Final paragraph after the large spacer"
  }
]