Websmith Studio
近白色基底、宽松留白与扁平表面。
Hyperstudio
近黑色基底、胶囊形控件与大字排版。
页面以近黑色为基底，搭配近白色文字。字体采用 Aeonik、Input。视觉特点包括胶囊形控件、大字排版、紧密字距、细线分隔。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 所有标题使用 400 字重——绝不使用粗体。层级由字号和字间距决定，而非字重。
- 各区块间用 1px #212121 细线分隔。区块间不改变背景色。
- 仅在填充白色胶囊按钮上使用 9999px 圆角。其余情况保持 4px 或 8px。
- 将显示字体设为 63px Aeonik 400 字重，字间距 -0.69px。这是系统的声调。
- 仅使用 #6f6759 金指南针色用于图标描边——绝不用于文字或背景。
- 仅在活跃/实时状态指示中使用脉冲绿（#98ff38）点，例如可用性计数。
- 所有正文文字保持 #9c9c9c 烟灰色。绝不使用纯 #808080——轻微的暖调倾斜至关重要。
建议避免
- 绝不添加阴影。层级感仅来自细线边框与色彩对比。
- 绝不使用粗体或中粗字重的显示字体。63px 400 字重是标题的唯一表达。
- 绝不使用文字后方的彩色填充。画布始终为黑曜石或碳灰。
- 绝不使用卡片的全圆角。最大值为 8px——系统具有建筑感，而非柔软感。
- 图标仅允许使用金指南针色或灰白（Chalk）——禁止使用蓝色、绿色或其他彩色。
- 绝不使用摄影作为首屏或区块内容。仅限点阵图、图标和文字作为视觉元素。
- 绝不突破 1200px 内容列宽度。满幅填充仅用于画布和点阵图图形。
