Butterfly / V375

Pond｜系统发布

用花园与蜂群比喻计算系统：大字给主张，彩色微型进程块在周围持续活动。

构图与编排可播放 · 可替换内容

整体编排规则示例

0.00 / 19.00 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Pond｜系统发布 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f6fff0}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

画面元素衬线主词彩色进程块植物线描蝴蝶与蜜蜂角落控制Pond 四字母

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

大字是句子，碎块是后台活动

garden、blossoms、bees 分别占据主画面，周围短标签组成任务、模型和进程关系。主词用大号衬线斜体，微型文字用等宽，二者字号差距要足够明显。

纸色、深棕与酸性色块交替

大部分画面用浅纸底，关键转折整屏切深棕或亮黄。荧光绿、紫、粉与薄荷色以硬边矩形进入，不做柔和玻璃卡；植物线描降低对比度，作为纹理而非正文。

系统词与字母收束比喻

系统词与字母收束比喻规则示例

0.00 / 5.20 秒

13.3–18.5 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Pond｜系统发布 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f6fff0}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="13.3" data-end="18.5"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

后段从蜂群切到 Linux 标识与 Operating System，Pond 四字母分散再聚拢成二乘二。周围任务块缩小，主名称获得留白。