Lottielab
近白色基底、大字排版与紧密字距。
Gsap
近黑色基底、胶囊形控件与大字排版。
页面以近黑色为基底，搭配暖白色文字。字体采用 Mori。视觉特点包括胶囊形控件、大字排版、紧密字距、细线分隔。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 正文文字及所有主要 UI 元素使用 Mori 400 字重，字号 16–19px，行高 1.15；这是系统的静默节奏。
- 所有类别标签都应采用五类领域的色彩对应关系（绿色 = GSAP，橙色 = SVG，粉色 = 滚动，紫罗兰色 = 文字，蓝色 = UI）；绝不能让不同领域共用同一种颜色。
- 将每个按钮渲染为 100px 半径的透明胶囊形，搭配 1px 奶油色边框和 #fffce1 字体，字号 18px，Mori 600 字重；唯一例外是主要 CTA，使用 1.5px 从绿色到浅绿色的渐变描边。
- 将首屏标题推至 224px，字重 600，行高 0.9，字间距 -0.02em；允许其延伸至视口边缘，而非被限制在最大宽度容器内居中显示。
- 每个区块入口均以 `{ }` 大括号注解呈现，字号 16–19px，Mori 400 字重——这对大括号是网站的标志性元素。
- 在工具功能区块之间插入一条 1px #42433d 细线分隔线，全宽显示，且不添加任何边距。
建议避免
- 不要使用填充、实色的 CTA 按钮——该系统仅支持描边；渐变描边的胶囊形是允许的最大色彩强度。
- 不要使用纯白色（#ffffff）作为文字或黑色（#000000）作为背景——#fffce1 奶油色与 #0e100f 深灰黑色的温暖感，才是系统独特气质的来源。
- 不要将正文字号设在 14px 以下或 23px 以上；字体层级在编辑展示（66–224px）与紧凑 UI（14–23px）之间为二元划分。
- 不要引入超出五领域配色的额外类别颜色；增加第六种颜色会稀释使系统可读的分类体系。
- 不要为卡片或插图添加阴影效果——深度仅通过渐变渲染与表面层级变化传达，绝不通过盒阴影实现。
- 不要打破奶油色于黑色的配色关系，除非设计明确要求，否则禁止使用奶油背景、黑色文字的反向卡片；整个页面的暗色画布应保持完整连续。
- 不要使用 Inter、Roboto 或系统默认无衬线字体；Mori 的人文风格是核心支撑，几何风格替代会削弱编辑性基调。
