Steam 商店頁面桌面端 UI 效果圖

{
  "type": "desktop application UI mockup",
  "application": "Steam client",
  "theme": "dark mode",
  "header": {
    "top_menu": [
      "Steam",
      "檢視",
      "好友",
      "遊戲",
      "幫助"
    ],
    "main_navigation": [
      "商店",
      "庫",
      "社羣"
    ],
    "user_profile": "Steam 使用者"
  },
  "layout": {
    "left_sidebar": {
      "title": "game library",
      "search_bar": true,
      "game_count": 18,
      "game_list": [
        "半條命",
        "半條命 2",
        "半條命 2: 第一章",
        "半條命 2: 第二章",
        "半條命: 藍色行動",
        "半條命: 針鋒相對",
        "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": "所有遊戲 > 動作遊戲 > 半條命",
      "title": "[半條命]",
      "media_gallery": {
        "main_image": "手持紅色撬棍的第一人稱視角，在帶有發光Lambda標誌的實驗室裡面對獵頭蟹與科學家",
        "thumbnail_count": 5
      },
      "description": "[《半條命》是由Valve開發的一款傳奇第一人稱射擊遊戲。黑山研究基地發生災難性實驗失誤並開啟異次元裂隙後，物理學家戈登·弗里曼必須設法生存並逃出昇天。]",
      "metadata": {
        "release_date": "[1998年11月9日]",
        "developer": "[Valve]",
        "publisher": "Valve",
        "user_reviews": "特別好評 (20,910 篇使用者評測)"
      },
      "tags": [
        "第一人稱射擊",
        "動作",
        "科幻",
        "經典",
        "單人",
        "+"
      ],
      "system_requirements": {
        "title": "系統需求",
        "tabs": [
          "Windows",
          "macOS",
          "SteamOS + Linux"
        ],
        "specs": [
          "作業系統: Windows 7 或更高版本",
          "處理器: 1.7 GHz 處理器",
          "記憶體: 512 MB RAM",
          "顯示卡: 相容 DirectX 8.1 顯示卡",
          "DirectX 版本: 8.1",
          "儲存空間: 600 MB 可用空間"
        ]
      }
    },
    "right_sidebar": {
      "purchase_box": {
        "title": "購買",
        "price": "[¥ 37]",
        "button": "新增至購物車"
      },
      "features_count": 4,
      "features": [
        "單人",
        "Steam 成就",
        "完全支援控制器",
        "Steam 雲"
      ],
      "languages_table": {
        "title": "語言",
        "columns": [
          "介面",
          "完全音訊",
          "字幕"
        ],
        "language_count": 5,
        "languages": [
          "簡體中文",
          "英語",
          "法語",
          "德語",
          "西班牙語 - 西班牙"
        ]
      }
    },
    "footer": {
      "left": "+ 新增遊戲",
      "center": "下載 2 / 2 項已完成",
      "right": "好友與聊天 +"
    }
  }
}