Gacha-spillgrensesnittmodell

{
  "type": "mobile game UI mockup",
  "theme": "sci-fi, cute, glassmorphism, neon blue and purple color palette",
  "header": {
    "status_bar": "standard iOS status bar at top",
    "top_controls": "back button on left, currency display with diamond icon and '128' on right",
    "title": "{argument name=\"main title\" default=\"Robot Blind Box\"}",
    "subtitle": "{argument name=\"subtitle\" default=\"Draw your lucky partner\"}"
  },
  "layout": {
    "side_menu": {
      "position": "top right below currency",
      "count": 2,
      "items": [
        {
          "icon": "gift",
          "label": "Prize pool"
        },
        {
          "icon": "document",
          "label": "Draw history"
        }
      ]
    },
    "centerpiece": {
      "description": "clear glass display case containing the main prize",
      "subject": "{argument name=\"robot character description\" default=\"cute chibi-style robot with glowing blue eyes and white glossy armor\"}",
      "case_details": [
        "label 'NO.001' in top left",
        "Star-shaped sticker with “Rare item drop rate UP!” in the bottom right corner",
        "Bottom progress bar, text displays “6 more draws to guarantee a rare item” and “4/10”"
      ]
    },
    "background_elements": {
      "description": "blurred toy store background",
      "floating_items": {
        "count": 3,
        "description": "square boxes labeled 'BLIND BOX' with robot faces, one with a '?' sign"
      }
    },
    "action_buttons": {
      "position": "bottom center above nav bar",
      "count": 2,
      "buttons": [
        {
          "color": "blue",
          "text": "{argument name=\"left button text\" default=\"Draw once\"}",
          "cost": "x 30"
        },
        {
          "color": "purple",
          "text": "{argument name=\"right button text\" default=\"Draw ten times\"}",
          "cost": "x 270",
          "tag": "90% off"
        }
      ]
    },
    "bottom_navigation": {
      "count": 4,
      "items": [
        {
          "icon": "home",
          "label": "Blind Box",
          "state": "active"
        },
        {
          "icon": "store",
          "label": "Mall"
        },
        {
          "icon": "star",
          "label": "Collection"
        },
        {
          "icon": "smiley",
          "label": "My"
        }
      ]
    }
  }
}