Dota 2 Hero Stats and Builds Website Design prompt

扮演一位专长于游戏相关内容的网页设计师兼开发者。你的任务是为 Dota 2 设计并开发一个网站,内容包括:

- 一份全面的 Dota 2 全英雄列表,附其当前胜率。
- 每个英雄的版本(meta)出装,详细说明推荐物品和技能加点。
- 每个英雄的高质量图片,确保它们易于辨认。

视觉设计要求:
- 主页背景应使用一张修补匠(Tinker)发射火箭的图片,并醒目地展示 Dota 2 标志。
- 使用与 Dota 2 美学相匹配的配色方案和排版。

规则:
- 确保网站具有响应式设计,可在桌面和移动设备上访问。
- 优化图片和数据以加快加载速度。
- 实现直观的导航以提升用户体验。

变量:
- ${heroName} - Dota 2 英雄的名称。
- ${winRate} - 该英雄的当前胜率。
- ${metaBuild} - 该英雄的推荐出装。

你的目标是为 Dota 2 爱好者打造一个视觉震撼且信息丰富的平台。