# Xiaomi 17 Pro

## 超大杯影像旗舰 · 全焦段徕卡光学

了解更多 → 立即购买 → ¥ 4,999 起
骁龙 8 Gen 5 徕卡 Summilux 5500mAh 大电池 2K 全等深四曲屏
Xiaomi 17 Pro
为发烧而生
PRODUCT LINEUP

## 人车家全生态

从手中到家中,从客厅到车里 — 小米用同一套底层逻辑,串联起 5 亿台智能设备。

### Xiaomi SU7 Ultra

1548 PS 三电机性能版本,纽北赛道量产电车纪录保持者。

了解更多 →

### Xiaomi 17 系列

影像旗舰新标杆 · 1 英寸大底主摄 + 徕卡变焦四摄。

了解更多 →

### Mix Flip 2

4 英寸外屏,折叠也能轻装出行。

了解更多 →

### Xiaomi Pad 7 Pro

骁龙 8s Gen 3 + 3.2K 高刷屏,生产力与创意并行。

了解更多 →

### Watch S5

蓝宝石玻璃 + 钛金属边框,运动健康全监测。

了解更多 →

## 用产品创造价值,
用价格创造惊喜。

5亿+AIoT 连接设备
180+覆盖国家与地区
Top 3 全球智能手机出货
14年始终为发烧而生
XIAOMI 17 系列

## 选一台适合你的

三个版本,三种性格,但都拥有同一颗为发烧而生的心脏。

标准版
Xiaomi 17
¥3,999 起
12+256GB,日常使用最佳搭档。

- 6.36 英寸 2K 直屏
- 骁龙 8 Gen 5 移动平台
- 徕卡光学三摄
- 5000mAh + 90W 快充

立即购买
热销
Pro 版
Xiaomi 17 Pro
¥4,999 起
16+512GB,影像旗舰首选。

- 6.73 英寸 2K 四曲面屏
- 1 英寸大底主摄
- 徕卡 Summilux 镜头
- 5500mAh + 120W 快充

立即购买
超大杯
Xiaomi 17 Ultra
¥6,499 起
16+1TB,移动影像创作的天花板。

- 6.82 英寸 2K 全等深四曲屏
- 1 英寸 + 200MP 长焦四摄
- 钛金属中框
- 专业摄影手柄套装

立即购买

## 为发烧而生。

14 年,我们坚持把好产品做到极致,把价格做到诚意。 因为我们相信,科技应当公平地服务每一个人。

了解 Xiaomi 故事 访问小米之家
设计系统参考

## 极简 · 克制 · 性价比的视觉表达

小米的视觉语言借鉴 Apple 的极简骨架,但把灰阶替换为更鲜活的小米橙 #FF6900。 大量留白、巨大的产品图、强烈的负字距标题 — 用最少的元素讲最饱满的产品故事。

查看 DESIGN.md ↗

### 色彩

几乎只有小米橙、黑、白、灰四种颜色。橙色仅用于品牌标识、CTA、价格强调,其余皆为中性灰阶。

品牌主色
小米橙
#FF6900
深橙
#E55E00
浅橙
#FFE4D1
橙底
#FFF4EC
橙渐变
linear-gradient
文字与中性色
主色
#000000
正文
#1d1d1f
辅助
#4a4a4f
弱化
#86868b
禁用
#c7c7cc
背景与分隔
底色
#ffffff
弱底
#f5f5f7
分隔底
#ededed
边框
#e8e8e8
深底
#1d1d1f

### 字体

中文优先 MI Sans / PingFang SC,西文 Inter。 主标题字号巨大(48–72px),负字距 -1.4 ~ -2.4px,营造 Apple 同款"产品旗帜感"。

Token | 样例 | 字号 | 字重 | 字距
--- | --- | --- | --- | ---
--hero-display | Xiaomi 17 Pro | 72 / 56 / 36 | 700 | -2.4 ~ -1.4px
--hero-sub | 超大杯影像旗舰 | 24 / 18 | 500 | -0.6 ~ -0.3px
--section-title | 人车家全生态 | 48 / 32 | 700 | -1.4 ~ -1px
--card-title | Xiaomi SU7 Ultra | 22 / 20 | 700 | -0.4px
--body | 正文段落,15/1.6 | 15 | 400 | normal
--btn | 立即购买 | 13 / 14 / 15 | 500 | normal
--price-display | ¥ 4,999 | 42 / 32 | 800 | -1.5 ~ -1.2px
--caption | 立即购买 → | 12 / 13 | 400 | 1px upper

### 圆角

克制偏方:按钮 8px,卡片 12px,大型容器 20px,徽章 999px。 整体偏方,呼应"工业产品"的克制气质。

最小
2px
标签
4px
输入
6px
按钮
8px
卡片
20px
徽章
999px

### 组件

主按钮为橙色实底,次按钮为黑色描边,文字链接为橙色 + 箭头 — 这套规范让用户在任何页面都能 1 秒识别"重要"与"次要"。

##### 按钮

主要按钮 次要按钮 幽灵按钮 了解更多 → 立即购买

##### 输入与标签

热销 新品 分期免息

##### 产品卡

NEW
Xiaomi Watch S5
钛金属边框 · 蓝宝石玻璃
¥ 1,599 立即购买 →
查看源码 ↗