HoYoFEST 2026 全球玩家庆典开启

# 技术宅,
拯救世界。

我们是一群相信热爱可以改变世界的人,致力于为全球玩家创造打破次元壁的虚拟世界。让每一段冒险,都成为玩家一生的回忆。

探索游戏世界 加入 HoYoLab
2亿+全球注册玩家
180+覆盖国家与地区
#1 AppStore 收入榜首
✦ ✧ ✦
星穹列车 · 三月七
冰属性 · 五星 · 同行者
2400 HP
520 ATK
380 DEF
OUR GAMES

## 虚拟世界,
等你出发。

每一款米哈游作品,都是我们对游戏艺术与技术的极致探索 — 从提瓦特大陆,到星穹列车,再到新艾利都。

开放世界 RPG

### 原神

七国大陆,自由探索。和你的旅伴一起,在提瓦特书写属于你的史诗。

进入提瓦特 →
回合制策略

### 崩坏:星穹铁道

登上星穹列车,踏上银河旅途。一段跨越星海的冒险,从这里开始。

登上列车 →
都市动作

### 绝区零

都市奇幻动作游戏。在新艾利都的霓虹之下,与你的代理人组成最强队伍。

进入空洞 →
3D 动作

### 崩坏3

女武神战斗的次元起点。在崩坏的世界里,守护文明的最后一束光。

召集女武神 →
玩家社区

### HoYoLab

玩家共建的官方社区。在这里分享攻略、寻找队友、获取最新资讯。

进入社区 →
即将上线

### HoYoPlay 平台

一站式启动器,集合米哈游所有游戏。下载、更新、社区,触手可及。

下载平台 →

## 用热爱,
连接全世界的玩家。

2亿+全球注册玩家
180+覆盖国家与地区
#1 AppStore 收入
6000+米哈游成员
COMMUNITY

## 跨越次元的归属感

在米哈游的世界里,每一位玩家都是这个故事的共同创作者。

玩家共创

### HoYoLab 同人创作

提瓦特漫画家、星穹画师、新艾利都摄影师 — 玩家用画笔和镜头,延展我们的世界观。

浏览作品集
官方活动

### HoYoFEST 全球玩家庆典

从上海到东京,从洛杉矶到巴黎 — 我们带着提瓦特、星穹列车与新艾利都的角色们,走进每一座城市。

查看排期

## 愿你出走半生,
归来仍是少年。

加入我们,一起为全球玩家创造打破次元壁的虚拟世界 — 不管你是程序、美术、策划,还是同样相信热爱的人。

加入米哈游 →
设计系统参考

## 多彩二次元,但克制精致

米哈游的视觉语言以紫粉渐变作为情感锚点,辅以蓝、金、薄荷点缀次元感。 圆角偏大(12–32px),呈现圆润可爱;但版式严格遵循栅格,避免廉价同人风。

查看 DESIGN.md ↗

### 色彩

紫色为主,粉色为辅,蓝/金/薄荷为点缀。每种颜色都有明确的"角色定位"— 紫色是技术,粉色是情感,金色是稀有,薄荷是新鲜。

品牌主色
米哈游紫
#7B5BFF
深紫
#5A3FFF
二次元粉
#FF7AB6
星空蓝
#5BBFFF
主渐变
linear-gradient
点缀色 · 角色稀有度
五星金
#FFD15B
薄荷绿
#5BFFC5
浅紫
#E5DCFF
浅粉
#FFCFE5
浅蓝
#C5E8FF
文字与背景
主标题
#0A0420
正文
#1A0F36
辅助
#4A3B6E
弱化
#8478A6
禁用
#BFB6D6
背景与分隔
底色
#ffffff
弱底
#FAF7FF
紫雾
#F4EEFF
紫纸
#F0EAFF
深空
#1A0F36

### 字体

中文 Noto Sans SC 优先,西文 Inter。 主标题大量使用 800–900 字重 + 紫粉渐变文字效果,营造游戏宣传海报感。

Token | 样例 | 字号 | 字重 | 效果
--- | --- | --- | --- | ---
--hero-display | 技术宅拯救世界 | 72 / 56 / 36 | 900 | 负字距 + 渐变
--hero-gradient | 拯救世界 | 72 / 36 | 900 | 紫粉渐变
--section-title | 虚拟世界等你出发 | 44 / 30 | 800 | -1.2 ~ -1px
--card-title | 崩坏:星穹铁道 | 22 | 800 | -0.4px
--body | 正文段落,500 字重 | 15 | 500 | normal
--btn | 进入提瓦特 | 13–15 | 600–700 | normal
--tag | 开放世界 RPG | 11 | 700 | 0.3–1px

### 圆角

圆润是米哈游的视觉关键 — 按钮 999px,卡片 16–24px,大型容器 32px。 所有边角都向"可爱、亲和"的方向倾斜。

最小
4px
标签
8px
输入
12px
卡片
16px
大卡
24–32px
胶囊
999px

### 组件

所有交互元素都使用胶囊形状,呼应"角色立绘"的圆润气质。 主按钮使用紫粉渐变 + 发光阴影,营造游戏 UI 的氛围感。

##### 按钮

紫色主按钮 粉色按钮 描边按钮 幽灵按钮 大号 CTA →

##### 输入与标签

主线 同行者 冰属性 ★ 五星

##### 角色卡

星
三月七
星穹列车 · 同行者
冰 ★★★★★
查看源码 ↗