ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Eight Sleep
明暗对比、胶囊形控件与细线分隔。
页面兼有浅色与深色区域。字体采用 NeueMontreal。视觉特点包括胶囊形控件、细线分隔、扁平表面、居中构图。适合参考的场景：建筑作品集、空间项目展示页。
查看原始网站使用规范
建议采用
- 任何高于44px的标题都使用300字重；低语般轻字重是品牌标志，使Eight Sleep区别于默认粗体的其他科技网站。
- 115px展示字号的letter-spacing收紧至-0.020em，只有10–12px全大写标签才放宽至0.125em；字间距承载语气。
- 调色板默认单色，#4158ee只用于链接、聚焦环、所选状态和测验选项强调，绝不作为装饰填充。
- 默认卡片和分区表面使用#f9f8f7温暖奶油色，取代纯#ffffff，以避免冷清的临床感。
- 所有主要按钮都设为9999px胶囊圆角，转化操作绝不使用矩形按钮。
- 满幅深色（#000000）首屏分区与浅色编辑横带交替，形成睡眠周期页面节奏。
- 卡片圆角12px，图像和输入框8px，小元素4px；圆角层级是刻意的。
建议避免
- 正文或段落文字绝不要高于400字重；更重字重会毁掉轻声权威的效果。
- #4158ee不要用于大背景填充、首屏叠加层或装饰形状；覆盖可见面积超过约5%时，就会失去力量。
- 避免box-shadow厚于rgba(0,0,0,0.05) 2px 2px 12px；更重的阴影在平面深色首屏旁会显得廉价。
- 正文对比配对不要使用#000000上的#000000；首屏已经全黑，黑色文字始终应配温暖奶油或纯白。
- 展示标题绝不要采用700字重；64–115px的300展示文字，是品牌不可更改的标志性特征。
- 即使状态也不要引入绿、红、橘等额外强调色；Eight Sleep的克制就是要点，改用不透明度和字重变化。
- 避免粗于1px的边框；整个系统依靠细线，而非厚线。
- 正文行高不要高于1.7；紧密的1.2–1.5行高是几何精确感的一部分。
