Blueprint Studio UI Maps

Lexikon för section.type och component.type.

Section types

Component types

Variants

Example JSON

{
  "title": "Example Page",
  "description": "Blueprint template example",
  "layout": "sidebar",
  "sections": [
    {
      "id": "nav-1",
      "name": "Top Navigation",
      "type": "nav",
      "description": "Primary navigation",
      "components": [
        {
          "id": "logo",
          "type": "icon",
          "label": "Logo",
          "variant": "ghost"
        },
        {
          "id": "search",
          "type": "input",
          "label": "Search",
          "variant": "outline"
        },
        {
          "id": "cta",
          "type": "button",
          "label": "Create",
          "variant": "primary"
        }
      ]
    },
    {
      "id": "hero-1",
      "name": "Hero",
      "type": "hero",
      "description": "Headline & CTA",
      "components": [
        {
          "id": "h",
          "type": "heading",
          "label": "Build faster",
          "variant": "primary"
        },
        {
          "id": "p",
          "type": "text",
          "label": "Blueprint-driven UI generation",
          "variant": "secondary"
        },
        {
          "id": "b",
          "type": "button",
          "label": "Get started",
          "variant": "primary"
        }
      ]
    }
  ]
}
base44
Edit with Base44