01 / 04
物质
万物始于质地。
黑曜石、尘埃与压力：品牌尚未发声，先有分量。
02 / 04
形态
形，是一种决断。
每一道曲线的去留，只取决于一个问题：它是否承载意义？
03 / 04
光线
光是唯一的装饰。
我们照亮真正重要的，其余的交还给黑暗。
04 / 04
运动
动，是可见的时间。
网站应当像一部剪辑精良的影片那样运动：出于意图，绝非炫耀。
01 — 建筑
是工程，不是装饰。
每一个像素都是一项公差，每一帧都是一份承诺。高投资回报的数字生态系统在此分两层建成：一层是被精确校准、而不只是快的前端，一层是以故障安全为设计前提的企业级自动化。
I
是视频，不是代码。浏览器里的电影。
我们抛开了沉重的渲染引擎和卡顿的动画层。首屏与展厅的画面以原生 MP4/WebM 视频提供，由设备自带的视频硬件解码，处理器几乎不费力。
H.264 · VP9 · 按需加载 · 预留空间，无布局偏移
原生视频II
该顺滑之处，必然顺滑。
滚动与过渡遵循显示器自身的帧节奏。在配有鼠标或触控板的桌面设备上，Lenis 让滚动更为平缓；触屏设备则保留原生、即时的滚动。页面如同您手的延伸，而不是在手下滑过。
Lenis 平滑滚动 · requestAnimationFrame · GPU 合成变换
帧时间
- 中位数
- 16.7 ms
- 第 99 百分位
- 16.9 ms
在 60 Hz 显示器上滚动时测得。1280x800, headless Chrome, 60 Hz, no CPU throttling。2026年10月8日。
III
美，可被度量时，才成其为奢华。
性能、无障碍、最佳实践、SEO：四个圆环，就在这一页上实测。三秒内离开的访客，任何宣言都无法挽回，所以我们先测量，再开口。
CLS · LCP · TBT · 实测、注明日期并附来源
100
性能
100
无障碍
100
最佳实践
100
SEO
桌面端：CLS 0.00，LCP 0.4 s，TBT 0 ms。移动端（模拟慢速 4G，CPU 降速 4 倍）：性能 100。
Lighthouse，desktop preset, live production (syncflow.agency), median of 5 runs; mobile preset (412×823), simulated slow 4G, 4x CPU slowdown, live production (syncflow.agency), median of 14 runs in two sessions on a quiet machine (99-100)，2026年10月17日。
IV — 故障安全的企业级自动化
为某处出故障的那一天而建。
在企业级规模下，总有东西会出故障。所以自动化围绕这一事实构建：冗余队列架构让事件在某条路径沉寂时继续流动，webhook 在被信任之前先经签名与验证。
冗余队列 · 签名 webhook · 幂等投递 · 有限重试
交互式模拟
故障安全队列模拟器
阻断主通道，看着事件在备用队列中安全等待而不是丢失。然后再恢复它。
- 已接收
- 0
- 已送达
- 0
- 等待中
- 0
- 丢失
- 0
- 已丢弃的重复项
- 0
所有通道正常。发送事件即可开始。
这是对一种模式的模型，不是对真实系统的测量。此处不会丢失任何东西，因为备用队列是持久的；真实部署必须单独测试。
V — 深度企业级集成
接入您早已在运行的系统。
Salesforce、SAP、HubSpot 与 Oracle 自第一张草图起就是架构的一部分，使线索、订单与记录能够在网站与贵公司早已运行的系统之间流动。
Salesforce · SAP · HubSpot · Oracle
交互式模拟
一个事件，四个系统
选择一个系统。同一事件会被映射为该系统所期望的结构，每条线显示哪个字段对应哪个字段。
实际发送的数据
{
"fields": {
"SyncflowEventId__c": "3f2a9c1e-7b4d-4e0a-9d51-6c8b2a7e1f40",
"FirstName": "Alex",
"LastName": "Morgan",
"Company": "Example Holdings",
"Email": "alex.morgan@example.com",
"Title": "principal",
"Description": "Group-wide order portal, integrated with our ERP.",
"SyncflowMarket__c": "us",
"LeadSource": "Web",
"Status": "Open - Not Contacted"
}
}已映射字段：10。记录：销售线索。事件 ID 通过 fields.SyncflowEventId__c 传递，因此重试不会产生第二条记录。
示意性结构，参照各厂商公开的命名方式。它们并非由厂商系统生成，也未与厂商系统验证；每个实际连接器都针对客户自己的系统构建和检验。产品名称归其各自所有者所有，不暗示任何合作、认证或一致性关系。
VI — 零信任安全流程
未经验证，一概不信。
每一条跨越边界的消息，都会先签名，再由接收方验证，并在继续传递之前加以封存。下面的步骤在您的浏览器中实时运行：您可以破坏其中一步，亲眼看到消息究竟停在何处。
HMAC-SHA256 · 零信任验证 · AES-256-GCM · 幂等键
交互式模拟
企业安全流程
一条在前往业务系统途中被签名、验证并封存的消息。每一步都在您的浏览器中，用 Web Crypto 和一次性密钥实时计算。
就绪。发送一条消息，跟随它走完这五个步骤。
- 载荷
- —
- 签名
- —
- 检查
- —
- 密文
- —
就绪。发送一条消息，跟随它走完这五个步骤。
在您的浏览器中以一次性密钥运行；没有任何数据离开本页。它演示的是一种模式；它不描述、不测量也不认证任何生产系统，也不暗示与文中所提产品存在任何合作关系。签名这一步与本站交付自身简报时所用的模式相同。
02 — 展厅
四个行业。
同一种静默的标准。
克制，是最后的工序。每个行业有自己的语气；标准从不改变。
建筑样本
建筑样本
建筑样本
建筑样本生产原型：工作室自制的样本，并非客户作品。
03 — 工作室
精准，已成习惯。
沉静，是默认。
我们是一家数字建筑工作室，服务于以自己的名字就是企业的所有者、合伙人与负责人。我们像优秀的建筑师那样工作：按图纸，按公差，并保持审慎。
I
以零缺陷为方法。
缺陷是要在设计阶段消除的，而不是事后道歉的。每一次改动，在我们称其完成之前，都要经过审计、冒烟测试和线上检查；我们公布的每一项性能数据，都是实测、注明日期并附有来源的。零缺陷是我们遵循的标准，而不是我们能替您签字担保的承诺。
查看实测数据II
默认保密。
在首次工作会议之前，可以签署双向保密协议。未经书面同意，客户作品绝不展示，这也是展厅里只有工作室自制样本的原因。本站不设置 Cookie，不运行任何分析，每一份简报都由真人阅读。
阅读隐私声明宣言
我们遵循的五条准则。
不是口号：每一条都是本页正在做的事，您可以自行核实。
先画图，再建造。
数据、失效模式与公差，在写任何代码之前就已写明并经确认。无法画出来的东西，不开工。
讲公差，不讲形容词。
我们发布的数字都附有日期、测试配置与来源；无法衡量的事，我们不说。
失败时关闭，绝不假装。
某个环节缺失时，系统会拒绝并明说，绝不会对一条无人收到的消息回答“已收到”。
默认保持安静。
无 Cookie、无分析工具；仅在需要机器人校验之处才使用第三方。客户告诉我们的内容由人阅读，而不是由追踪器读取。
检验主张，而不是页面。
安全与集成方面的主张都有测试支撑，我们在每次发布前运行：签名消息、密封信封，以及在每一种经测试的故障中都不丢失任何数据、也不重复应用任何数据的参考队列。
可在本页核实
HMAC-SHA256 · AES-256-GCM
本页的企业安全流程使用您浏览器自带的 Web Crypto 对一条消息进行签名与密封：与我们的参考架构使用相同的原语和相同的测试。
无 Cookie · 无分析
打开网络面板：您的设备上不会存储任何内容，除简报表单中的 Cloudflare 机器人校验外，也不会从任何第三方加载内容。
已强制执行的内容安全策略
每个脚本都带有一次性 nonce，其余内容由浏览器拦截。违规扫描是我们发布检查的一部分。
我们如何构建
用平实的话讲工程。
三项决定塑造了本站的手感，每一项都有公差。下文描述的是本页代码实际所做的事。
I硬件解码视频与 GPU 影像层本站的动效，是设备用硬件解码的视频，外加一层一旦多花一帧就会退让的 WebGL。
预先渲染，只渲染一次。
每个场景都是一段无缝的八秒循环，只以 1920 × 1080、每秒 30 帧渲染一次，再编码为 H.264（MP4），并以 VP9（WebM）作为备选。浏览器不会收到任何动画引擎。
由设备解码。
浏览器把码流交给设备自带的视频解码器；在多数手机和笔记本上，这是专用硬件，处理器因此可以专心服务页面。
只在被看到时才加载和播放。
片段在即将播放之前不会下载。它在屏幕上或指针下播放，离开屏幕或标签页被隐藏时暂停；对偏好减少动态效果或开启省流量的访客保持静止，并且始终提供暂停按钮。
一层有预算的 WebGL。
页面背后的光是原生 WebGL2，分场景与收尾两道工序，并请求高性能 GPU。它的像素比上限为 1.25，环境状态下每秒运行 30 帧；如果 90 帧的平均值超过 24 ms，就逐级降低分辨率，之后自行退出，留下 CSS 备用方案。
公差像素比 ≤ 1.25 · 场景工序 50 % 降至 30 % · 超过 24 ms 即退让（90 帧平均值）· 每秒 30 帧、8 秒的循环
II借助 requestAnimationFrame 的帧纪律页面每一帧只做一次工作，而且只为可见的内容而做。
每帧一次读取，一次写入。
滚动处理函数只记录“有东西变了”。一次 requestAnimationFrame 回调最多做一次布局测量，并把结果写入 CSS 自定义属性，而且仅在该区块位于屏幕上时才这样做。
只有合成器在移动画面。
动画仅限于 transform、opacity 和 clip-path。宽度、高度、top 与 left 从不参与动画，因此一帧是图层的合成，而不是一次新的布局。
看不见的东西不运行。
凡是循环的内容，如光束、滚动提示或视频，一离开屏幕就暂停；标签页被隐藏时，一切都停止。
靠实测，不靠假设。
在整页滚动过程中，帧时间中位数保持在 16.7 ms，第 99 百分位保持在 16.9 ms（1280x800, headless Chrome, 60 Hz, no CPU throttling，2026年10月8日）。
公差每帧一次布局读取 · 参与动画的属性：transform、opacity、clip-path · 60 Hz 下 16.7 ms 的帧预算
IIILenis 平滑滚动，控制在公差之内平滑滚动是对桌面指针的一种体贴，凡是可能造成妨碍的地方，它都会被关闭。
只用在不花代价的地方。
它只在类似鼠标的指针下启动，并且在访客偏好减少动态效果时绝不启用。两项条件都被实时监测，因此混合形态的笔记本或更改过的设置，无需重新加载即可将其开启或关闭。触控设备保留原生滚动，也从不下载这个库。
调校过的曲线。
时长 1.2 秒，缓动曲线为 cubic-bezier(0.16, 1, 0.3, 1)，由该库自己的帧循环驱动。页内链接沿同一曲线滑动，并为固定的页眉留出空间。
从不挡路。
入口关口打开时它保持静止，简报和每一个对话框都使用原生滚动。跳转之后，焦点与地址停留的位置，与原生锚点所留下的位置一致。
延后加载，保持小巧。
该库是独立的代码块，只在页面绘制完成之后、且两项条件都满足时才通过动态导入请求。它不属于首次加载。
公差时长 1.2 秒 · 缓动 cubic-bezier(0.16, 1, 0.3, 1) · 页眉偏移 88 px · 仅限精细指针 · 减少动态效果时关闭
04 — 战略简报
不是表单。
是一场有意图的对话。
共四步，从投资开始。作为回应，我们的创始团队将在 24 小时内亲自回复您。
- 无 Cookie · 无分析
- 首次会面前签署双向保密协议
- 由真人阅读，24 小时内回复
以姓名立业者，值得一座如建筑般建成的居所： 静默，精确，令人难忘。其余皆是噪声。