Compose
01 · Sticky stack
使用基础模板，
快速搭好关键能力
左侧叙事保持稳定，右侧卡片随滚动逐张进入并覆盖。没有滚动劫持，只有浏览器原生 Sticky。
02 · Animated workflow
一站式交付流程，
从想法走到验证
三个步骤保持真实 DOM 顺序，桌面端上下交错；流动虚线只负责表达方向，不承载唯一信息。
03 · Native carousel
一种设计语言，
适配多种工作方式
滑动、触控板或按钮都可以操作。卡片内部动画在离开视口时暂停，并尊重系统减少动态效果设置。
Independent
独立创建者
用清楚的默认值快速开始，同时保留继续扩展的空间。
- 工作台轻浮
- 状态点呼吸
- 思考点错峰跳动
Team
产品团队
让设计、内容与工程围绕同一份流程和验收协作。
- 阶段流光
- 角色交替强调
- 验证节点呼吸
Learning
团队教学
把知识、示例和进度组织成可执行的练习环境。
- 面板轻浮
- 代码光标闪烁
- 进度保持静态可读
Custom
定制化场景
沿用相同交互骨架，替换品牌内容、视觉隐喻与组件组合。
- 虚线轨道旋转
- 节点错峰呼吸
- 纯 CSS 装饰图形
Implementation notes
效果有出处，
实现有边界
每一组效果都记录机制、降级和采用条件，方便后续项目按需组合。