04 · Graphic Language
图形语言：句点的延伸
所有品牌图形都从「落定之点」生长出来：Dot Path（资金路径）——一串渐近的点最终落定为一个实心蓝点，讲的就是「一笔转账的旅程」；Dot Grid（账本网格）——有序的点阵代表账本与网络节点；Aperture（光圈裁切）——图标的局部放大。三个母题，覆盖从分隔线到主视觉的全部图形需求。
Dot Path · 资金路径分隔线、流程示意、加载动效的母题
点距渐宽、点径渐大、颜色从中性经轨道青渐入品牌蓝——终点永远是实心 Omninal Blue 点。表达：路径可以复杂，落定只有一个。
Dot Grid · 账本网格背景纹理、封面底纹、数据可视化锚点
中性点阵为底，少量彩色实点为「活跃账户 / 在途交易」。彩点密度不超过 8%——克制即专业。
母题变体 · Multi-rail 汇流Dot Path 的复数形态——三条轨道，一个落定点
三条轨道的点列并行推进，途中收拢，最终共享同一个实心蓝点——smart routing 的图形化：轨道可以有很多条，落定只有一个。用于多轨对比图、路由说明与流程封面；变体仍遵守母题纪律：只用点、终点唯一、彩点密度不超标。
Aperture · 光圈裁切图标局部放大——封面与版面的第三母题（v2.0 新增）
深色封面 · 单瓣出血，低对比
浅色版面 · 角落水印化处理
规则：放大倍数 ≥ 3×（确保读作图形而非小 Logo）、必须出血裁切、单色低对比（深底 Sky ≤ 14%，浅底品牌蓝 ≤ 8%）；一个版面最多用一次，且不与 Dot Grid 同屏；中心四角星不得完整出现——完整图标只属于标识，不属于装饰。
禁则：不使用硬币、钱袋、地球、火箭等具象金融符号；不使用六边形/链条等 Web3 视觉残留；曲线与箭头仅在图表中出现，品牌图形只用「点」与图标的光圈裁切。
图标系统24px 网格 · 2px 圆头线 · 几何优先——图标是图形语言的功能化延伸
账户 Account
付款 Pay-out
换汇 FX
审批 Approve
账本 Ledger
Agent
官方图标库 = Lucide（shadcn/ui 的默认开源图标集，ISC 许可，本站经 lucide-react 直接引入）。单色线性、统一以 currentColor 着色：默认 Ink，激活/选中态 Blue（延续句点的「单点蓝」逻辑）；24px 网格、2px 圆头描边，禁止拟物与渐变。完整组件套件见 06 · UI Kit。
插画与摄影原则用得少，所以更要用对
插画 Illustration
仅用几何抽象：点、圆、直线、圆角矩形的构成——即「放大的图标系统」。禁止人物卡通、3D 渲染、等距小人。插画的功能是解释结构（如资金流向），不是装饰气氛。配色取自数据可视化序列。
摄影 Photography
仅用于品牌叙事（招聘、关于我们）：真实工作场景、自然光、冷调中性，留白充足供文字落位。禁止握手、地球、金币、奔跑的西装人这类图库陈词。产品材料一律不用摄影——界面截图即是我们的「摄影」。
动效原则 Motion动效 = 资金在落定——快出、缓收、绝不弹跳
Dot Path 加载动画（实时演示）
点依次亮起、终点放大一次后落定——这是转账进行中的标准 loading 隐喻。
交互缓动（悬停按钮体验）
新建付款| 档位 | 用途 |
|---|---|
| Instant 100ms | hover 反馈、开关 |
| Quick 180ms | 按钮、卡片浮起 |
| Standard 240ms | 面板展开、页面过渡 |
| Settle 400ms | 金额变化、成功落定 |
统一缓动 cubic-bezier(0.2, 0.8, 0.2, 1)——快出缓收，像资金落账。禁止 bounce / elastic；尊重 prefers-reduced-motion。
微动效库 Micro-interactions四个标准小动画——全部讲同一件事：汇聚与落定（实时演示）
① 聚合 Loader · 全局加载
四点从四角汇入中心、落定为一点——图标寓意的动画化。用于全局加载、App 启动。1.8s 循环。
② 落定打勾 · 结算成功
环先画满（在途）、勾再落笔（落定）、涟漪收尾（确认）。用于付款成功、审批通过。Settle 档 400ms 节奏。
③ 金额落定 · 数字滚动
$0.··
数字缓动滚动至终值，小数位最后揭晓并降为 Mist 灰，蓝点收尾——金额永远以「落定」结束，不闪烁、不跳变。
④ 进度落定 · 在途转结算
USDC 轨道 · 在途settled.
进度条快出缓收填满后，端点放大一次落定为圆点——与 Dot Path 的终点语义一致。用于转账详情、批量任务。
微动效纪律：所有动画只用四个隐喻之一（汇聚、画环、滚动、落点），时长取动效阶梯（100/180/240/400ms，循环演示除外）；同屏最多一个循环动画；全部尊重 prefers-reduced-motion（降级为静态完成态）；禁止旋转图标本体——聚合 Loader 用「四点」而非四瓣，正因图标禁止旋转。