零精灵纯排版 · 呼吸感验证稿

本稿无任何吉祥物 / 插图 / emoji——验证只靠字号对比、留白、hairline 与微动效， 排版本身能否撑住「呼吸感」。四原则如下，每个手机框下的注释引用编号：

P1

字体当主角。极端大小对比：76 / 56 / 44px 大数压 11px eyebrow； 字距随字号走——大数 −.02em 收紧，小标签 +.13em 撑开。

P2

留白 + 细线分区。四框合计只有 1 张真正的卡（Today 昨日结算）； 其余分区全靠 20–30px 留白与 1dp hairline，不砌卡片。

P3

微动效代替活物。没有生命元素在场：区块 8px 阶梯浮起（40ms 级联）、 大数字 count-up（600ms）、进度线 scaleX 生长、活点 4s 脉冲、可点行按下 0.98。

P4

一屏一个颜色焦点。每屏只让一处大数字带色； 绿色其余时候只出现在「有信息」的位置：收入、趋势向好、可点链接。

9:41
Wednesday, 19 August

Good morning

4 day rhythm
Left today
RM 66.34
Yesterday ran a little over. Today resets.
of RM 66.34 today · Why this amount?
Updated just now
For today
Yesterday
RM 12 stayed unspent
Japan is 1 day closer
哈哈 At this pace · 18 Dec
RM 80 of RM 1,000
TNG RM 1,353.57
In 13 days 妈妈 +RM 800
① Today · 裸排版 hero
P1：RM 66（76px/800/−.02em）对 11px eyebrow，7 倍落差；.34 降 28px 叶绿基线对齐（银行式）。
P2：hero 直接坐 ground，全屏唯一卡是「昨日结算」；Accounts / NEXT 都是 hairline 行。
P3：count-up 600ms、进度线 scaleX 生长、活点 4s 脉冲（全屏唯一呼吸元素）、chunky 按钮唇边可压。
P4：颜色焦点只有 LEFT TODAY 的绿；+RM 800 绿是因为「收入」这个信息本身。
9:41

Activity

This week
RM 286 spent
↓ 8% vs usual
Today 4 transactions · On track −RM 41.95
FOODPANDA
TNG · 12:17 PM · Food & Drinks
 −RM 18.90
FAMILY MART
TNG · 9:02 AM · Groceries
 −RM 9.30
GRAB
TNG · 8:15 AM · Transport
 −RM 6.25
KEDAI KOPI
TNG · 7:40 AM · Food & Drinks
 −RM 7.50
Yesterday 3 transactions −RM 35.20
99 Speedmart
TNG · 6:41 PM · Groceries
 −RM 31.20
SOH JIA RO
TNG · 3:12 PM · Transfer · Received
 +RM 40.00
HAN BUN SIK
TNG · 12:58 PM · Food & Drinks
 −RM 44.00
Weekly Review →
② Activity · 零卡片账本
P2：整屏没有一张卡——天分组、交易行全靠 hairline 与 15px 上下行高分区。
P1：RM 286（44px）压场，交易行 15px/600 + 12px muted 双阶；金额右对齐 tabular。
P3：行级 40ms 阶梯浮起，像账本逐行摊开；:active 0.98。
P4：焦点是周结大数；绿色只给「收入」和「↓8% 向好」。pastel 仅 10px 分类点。
9:41

Future

Balance · RM 1,311.62
Next 30 days
RM 2,811
Projected balance
+RM 1,500 by 17 Sep
Today 1 Sep 12 Sep 17 Sep
Lowest point · RM 620 on Sep 12 Above RM 500 buffer ✓
Coming up
1 SEP 妈妈 +RM 800 RM 2,111
15 SEP 妈妈 +RM 700 RM 2,811
28 SEP
Rent
Covered ✓
 −RM 900 RM 1,911
Everything is covered for the next 30 days.
③ Future · 一条细线的预报
P1：RM 2,811（56px）独占焦点；x 轴标签压到 10px。
P2：走势图克制到 1.5px 细线 + 4 个空心点，无填充无网格无 y 轴；事件行 hairline 分隔。
P3：数字 count-up，事件行阶梯进场。
P4：叶绿只出现在「+RM 1,500」「Above buffer ✓」「Covered ✓」——全是信息位，不是装饰。
9:41

Space

Goals + Add
哈哈 At this pace · 18 Dec
RM 80 of RM 1,000
Collection
Series 01 · 怪东西入驻
3/ 9
3 residents · 2 duplicates
Bloop COMMON
Nomnom RARE
Ghosted EPIC
??? COMMON
??? RARE
??? COMMON
??? EPIC
??? COMMON
??? RARE
④ Space · 精灵不在场也成立
P2：九宫格是 9 个空 hairline 方框（1dp / 圆角 14px / gap 10px），零填充零图。
精灵位预留：格子 1:1 比例与两行文字节奏，是按将来 72px 精灵图落位设计的—— 精灵回归时直接坐进格子上半部，名字与稀有度 pill 下移一行，排版骨架不动。
P1：3 / 9（28px）+ 2px 细进度线；P3：进度线 scaleX 生长；P4：焦点留给收集数。