Xiaomi 17 Pro

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

骁龙 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 快充
立即购买
超大杯
Xiaomi 17 Ultra
¥6,499
16+1TB,移动影像创作的天花板。
  • 6.82 英寸 2K 全等深四曲屏
  • 1 英寸 + 200MP 长焦四摄
  • 钛金属中框
  • 专业摄影手柄套装
立即购买

为发烧而生。

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

设计系统参考

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

小米的视觉语言借鉴 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-displayXiaomi 17 Pro72 / 56 / 36700-2.4 ~ -1.4px
--hero-sub超大杯影像旗舰24 / 18500-0.6 ~ -0.3px
--section-title人车家全生态48 / 32700-1.4 ~ -1px
--card-titleXiaomi SU7 Ultra22 / 20700-0.4px
--body正文段落,15/1.615400normal
--btn立即购买13 / 14 / 15500normal
--price-display¥ 4,99942 / 32800-1.5 ~ -1.2px
--caption立即购买 →12 / 134001px upper

圆角

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

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

组件

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

输入与标签
热销 新品 分期免息
产品卡
NEW
Xiaomi Watch S5
钛金属边框 · 蓝宝石玻璃
¥ 1,599 立即购买 →
查看源码 ↗