Steam Store Page UI Mockup

Documento original

GPT Image 2 · en

{
  "type": "Desktop application UI model",
  "application": "Steam client",
  "theme": "Dark mode",
  "header": {
    "top_menu": [
      "Steam",
      "show",
      "Friends",
      "game",
      "help"
    ],
    "main_navigation": [
      "shop",
      "Library",
      "Community"
    ],
    "user_profile": "Steam users"
  },
  "layout": {
    "left_sidebar": {
      "title": "Game library",
      "search_bar": true,
      "game_count": 18,
      "game_list": [
        "Half-Life",
        "Half-Life 2",
        "Half-Life 2: Episode One",
        "Half-Life 2: Episode Two",
        "Half-Life: Blue Shift",
        "Half-Life: Opposing Force",
        "Portal",
        "Portal 2",
        "Team Fortress 2",
        "Left 4 Dead 2",
        "Counter-Strike: Source",
        "Counter-Strike: Global Offensive",
        "Day of Defeat: Source",
        "Garry's Mod",
        "Ricochet",
        "Source Filmmaker",
        "Half-Life Deathmatch: Source",
        "Half-Life: Source"
      ]
    },
    "main_content": {
      "breadcrumbs": "All Games > Action Games > Half-Life",
      "title": "{argument name=\"game title\" default=\"Half-Life\"}",
      "media_gallery": {
        "main_image": "From a first-person perspective, holding a red crowbar, facing headcrabs and scientists in a laboratory, with the Lambda logo glowing in the background.",
        "thumbnail_count": 5
      },
      "description": "{argument name=\"game description\" default=\"Half-Life is a legendary first-person shooter game developed by Valve. After an experiment at the Black Mesa Research Institute fails and a portal to another dimension opens, you will play as scientist Gordon Freeman, struggling to survive and escape from a desperate situation.\"}",
      "metadata": {
        "release_date": "{argument name=\"release date\" default=\"November 9, 1998\"}",
        "developer": "{argument name=\"developer\" default=\"Valve\"}",
        "publisher": "Valve",
        "user_reviews": "Very positive reviews (20,910 reviews)"
      },
      "tags": [
        "FPS",
        "action",
        "Science Fiction",
        "classic",
        "single",
        "+"
      ],
      "system_requirements": {
        "title": "System Requirements",
        "tabs": [
          "Windows",
          "macOS",
          "SteamOS + Linux"
        ],
        "specs": [
          "Operating System: Windows 7 or later",
          "Processor: 1.7 GHz processor",
          "Memory: 512 MB RAM",
          "Graphics card: A graphics card that supports DirectX 8.1.",
          "DirectX: Version 8.1",
          "Storage space: Requires 600 MB of available space"
        ]
      }
    },
    "right_sidebar": {
      "purchase_box": {
        "title": "Buy",
        "price": "{argument name=\"price\" default=\"¥ 98\"}",
        "button": "Add to cart"
      },
      "features_count": 4,
      "features": [
        "single",
        "Steam Achievements",
        "Fully supports controllers",
        "Steam Cloud"
      ],
      "languages_table": {
        "title": "language",
        "columns": [
          "interface",
          "Full Audio",
          "subtitle"
        ],
        "language_count": 5,
        "languages": [
          "Simplified Chinese",
          "English",
          "French",
          "German",
          "Spanish - Spain"
        ]
      }
    },
    "footer": {
      "left": "Add game",
      "center": "Download 2/2 items completed",
      "right": "Friends & Chat +"
    }
  }
}

Cómo usar

1. Copia el prompt original completo, incluidos los parámetros.
2. Adapta el tema, el texto y la composición a tus necesidades.
3. Usa una herramienta externa compatible; comprueba el acceso y el resultado.

Antes de empezar

• Comprueba si necesita una imagen de referencia. La compatibilidad no demuestra qué modelo generó el ejemplo.
• Revisa nombres, cifras y textos; el resultado puede variar entre versiones del modelo.