Cyera / V377

Cyera Research Labs

从标志、配色和字形的构造走向品牌应用，再用同一颗漂浮球把网页与主张连接起来。

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

整体编排规则示例

0.00 / 30.03 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cyera Research Labs · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#160622}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>

画面元素环形点标志紫绿字样圆角应用框地貌风景漂浮球放射构造线

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

构造线只在讲规则时出现

放射线引出环形点标志，网格标注名称比例；色彩与字形展示随后展开。进入品牌风景后降低辅助线存在感，让应用自己说明视觉语言。

紫色主体，浅绿只承担强调

近黑紫提供底色，深紫与茄紫作中间层，浅绿用于关键词与标志的小范围强调。无衬线主句与较轻的衬线强调词分工明确；圆角应用框共享同一弧度。

从一张发布画面扩大成一套应用

从一张发布画面扩大成一套应用规则示例

0.00 / 7.30 秒

10.5–17.8 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Cyera Research Labs · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#160622}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="10.5" data-end="17.8"><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>

完整风景缩小进入多格矩阵，网站、发布图和周边沿用同一标志与配色。随后回到漂浮球和光束的单主体镜头，让密集展示有呼吸。