ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
teenage engineering
近白色基底、产品图像展示与渐变展示。
页面以近白色为基底，搭配近黑色文字。字体采用 te-20、te-40。视觉特点包括产品图像展示、渐变展示、细线分隔、大幅摄影展示。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有正文、标签、链接与元数据默认使用 te-20 100 字重，这是系统的语气；300 字重留给 19px+ 的字号与标题。
- 在无缝白色或灰色摄影棚背景上拍摄产品，让照片铺满网格单元直至边缘；不加内边距、边框或圆角，产品本身就是卡片。
- 横向区块间距设为 66px，行内元素统一间距为 15px；这两个数值构成目录的呼吸节奏。
- 深色首屏带、页脚块及所有反转区块使用 #0f0e12，而非纯 #000000；轻微紫色调可避免近黑色显得空洞。
- 色板仅保留五种中性色：#f6f8f7 画布、#000000 文字、#0f0e12 深色表面、#e5e5e5 细线、#b2b2b2 弱化文字；除非用于警告或错误等状态，否则不引入第六种颜色。
- 所有卡片、按钮、输入框和标签使用 0px border-radius；锐利边缘不可妥协，它使系统具有工业感，而非柔软感。
- 用 1px 的 #e5e5e5 或 #000000 细线稳定页面，将内容组织为有线条划分的横带，而非依靠背景填充或阴影。
建议避免
- border-radius 不能大于 0px；系统建立在直切边缘上，任何圆化都会破坏工业语气。
- 不能使用投影、发光或内阴影；层级通过 #0f0e12 深色带表达，而非叠加阴影。
- te-20 的字重不能高于 300，te-40 的字重也不能高于 300；细线质感是系统最鲜明的特征，粗字重会破坏它。
- 不能引入渐变；唯一的色调转换是 #f6f8f7 与 #0f0e12 区块之间的硬切。
- 连续正文不能小于 13px 或大于 19px；字号范围刻意压缩，13px 的下限已经相当大胆。
- 不能把颜色用作装饰；唯一的彩色音符——琥珀色警告三角形——因为是唯一例外才有存在的理由，增加第二种强调色会削弱限量原则。
- 正文段落不能居中；即使浅色背景也始终左对齐，保持技术文档般的阅读节奏。
- 产品图片单元内不能添加内边距；让照片延伸至网格边缘，无缝感使目录像画廊墙面。
