设计系统 / DESIGN SYSTEM
一套语言，六个页面。
视觉系统从 APP 里拆出来：纯白底、白卡细线分层、巨型数字、语义色阶。所有页面只使用这里列出的 token。
01
颜色
页面是纯白底，天空渐变只留在 APP 截图里。
0A5C8C
07202C
FFB33D
FFFFFF
45A96B
E8C547
EE8F3C
E0574A
9C6BC9
8A5A3B
02
字体
Manrope 管数字与拉丁，
Noto Sans SC 管中文，
Roboto Mono 管技术信息。
Aa 24°
把数字翻译成形状
白天与黑夜，各自成立。
Breezy Weather 是一款开源天气应用，五十余个数据源可选，缺数据时它会说明。
数据来源 / DATA SOURCES
03
间距与圆角
8 的倍数。卡片圆角 24–44，按钮与标签一律 999。
SPACE SCALE 8 · 16 · 24 · 32 · 48 · 64 · 96 · 120
RADIUS SCALE 8 · 16 · 24 · 32 · 44 · 999
04
层次与组件
白色底上不靠硬边框，靠 7% 墨色细线加柔和投影分层。
下载 Android 版
在 GitHub 上查看
温度
空气质量
风力
05
图标
24 网格，2px 圆头或实心。
全部用 SVG，不用图标字体。
ICON SET 24 GRID · STROKE 1.9–2.1 · ROUND CAPS
06
动效与禁忌
动效只用于理解，不做炫技。
动效 MOTION
时长 180–320ms，进场略长于出场。
缓动 spring(0.32, 0.72, 0, 1)，不用线性。
只触发一次，不循环、不自动播放。
禁忌 DON'T
不用纯黑 #000000 做页面背景，用深海军蓝。
不用 1px 线性图标，也不用图标字体。
语义色只标数据，不做装饰色块。