不只是支付,支付宝是一个数字生活底座——从扫码支付到政务办理,从公共出行到医疗挂号.
iOS · Android · HarmonyOS · Web 全平台支持,首次注册即送 ¥10 通用红包.
支付宝的视觉语言是"国民信任 + 生活温度":支付宝蓝 #1677FF 是主基调,负责安全与稳重;暖橙 #FF6034 偶尔出现在红包、会员、情感节点,让金融工具不冷冰冰.下面是 token.
支付宝蓝是品牌核心,从浅到深构成完整阶梯;暖橙仅出现在情感节点(红包、提示、欢迎);中性灰阶保持画面平衡.
中文 PingFang SC,英文 Inter.金额采用 tabular-nums 等宽数字字形.字重以 600-700 为主——保持金融场景的稳重感.
| Token | 样式 | 字号 | 字重 | 用途 |
|---|---|---|---|---|
| --display | 让生活更简单 | 64 / 4rem | 700 | Hero |
| --title-1 | 服务广场 | 44 / 2.75rem | 700 | 章节标题 |
| --title-2 | 让每一笔支付都即时 | 30 / 1.88rem | 700 | 子标题 |
| --heading | 余额宝 | 14 / 0.88rem | 700 | 卡片标题 |
| --amount | ¥3,288.66 | 28 / 1.75rem | 700 | 金额数字 |
| --amount-pos | +¥18.80 | 16 / 1rem | 700 | 收款金额 |
| --body | 12 亿用户的国民支付 | 14 / 0.88rem | 400 | 正文 |
| --caption | 向商家付款 · 已加密 | 12 / 0.75rem | 400 | 辅助说明 |
| --badge | 新红包 | 11 / 0.69rem | 600 | 徽章 |
| --mono | #1677FF | 12 / 0.75rem | 500 | 代码 · 订单号 |
支付宝的圆角倾向"温和但不夸张":按钮 12px,卡片 16px,服务图标 12px.金融感不能太软,但也不能像企业级那么硬.