Gsap
近黑色基底、胶囊形控件与大字排版。
Made With Gsap
近白色基底、紧密字距与细线分隔。
页面以近白色为基底，搭配近黑色文字。局部操作控件以黄绿色强调。字体采用 LayGrotesk。视觉特点包括紧密字距、细线分隔、网格布局、大字排版。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有展示标题都使用 LayGrotesk 字重 700、65-250px，行高 ≤ 1.00；负字间距随字号从 40px 时的 -0.01em，调整到 250px 时的 -0.04em。
- Lime Voltage #c9fe6e 只留给主要 CTA 和激活强调边框，每个视口最多出现 1-2 次，以保持冲击力。
- 卡片圆角设为 8-12px，按钮和链接设为 2px。系统几乎保持直角，应避免 9999px 胶囊形。
- 效果演示和功能展示使用 Ink #121212 背景的深色反转区块，随后无缝回到 Concrete #f1f1f1 画布。
- 页面背景使用 Concrete #f1f1f1，文字和边框使用 Ink #121212。这两种颜色构成整个结构骨架。
- 展示区块中的演示卡片，以 -12° 至 +12° 的角度倾斜，并像扇面一样重叠。平整网格会破坏编辑节奏。
- 正文保持 18-22px、字重 500。这是大幅面系统，14-16px 正文会显得过小。
建议避免
- 不要引入辅助彩色。Lime Voltage 是唯一强调色，加入蓝、红或紫会稀释海报般的清晰感。
- 卡片或按钮不要使用 box-shadows。系统依靠硬边框和表面对比建立层级，而非悬浮。
- 展示字号的行高不要超过 1.08。在 100-250px 下，松散字间距会摧毁定义系统的编辑密度。
- 标题不要居中。所有展示文字都沿网格边缘左对齐，形成粗野主义的不对称感。
- 圆角不要超过 12px。更大的圆角会显得柔软，与建筑式、近直角的语言矛盾。
- 不要添加渐变。配色严格采用平面色，渐变会打破混凝土上墨迹的比喻。
- 不要使用字重 400。LayGrotesk 只采用 500 和 700，更轻字重会削弱大胆的文字语气。
