ElevenLabs
以轻声标题呈现的温暖奶油色编辑设计。一本包豪斯工作室笔记：蛋壳色纸张、黑色油墨，以及仅在产品展示场景中出现的紫色和橙色火花。
teenage engineering
摄影棚灯光下的工业目录——产品是页面唯一丰富的对象，其余一切围绕它低声表达。
teenage engineering 像以排版低声呈现的工业产品目录：近白画布 #f6f8f7 承载无缝摄影棚背景中的产品照片；其余导航、正文、边框和标签均采用极细的 100 字重，几乎隐入页面。对比来自材质而非装饰：产品是唯一具有视觉密度的对象，周围界面大多只有负空间、细线，以及偶尔出现、如展示柜墙面的 #0f0e12 深色带。没有圆角、没有投影、没有渐变；每条边都是直切，每个表面都平整。色彩被刻意限量：纯黑文字、灰色细线、反转区块中略带紫调的近黑，以及唯一的彩色音符——琥珀色警告三角形；它作为页面唯一非中性元素，才有存在的理由。
查看原始网站使用规范
建议采用
- 所有正文、标签、链接与元数据默认使用 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 的下限已经相当大胆。
- 不能把颜色用作装饰；唯一的彩色音符——琥珀色警告三角形——因为是唯一例外才有存在的理由，增加第二种强调色会削弱限量原则。
- 正文段落不能居中；即使浅色背景也始终左对齐，保持技术文档般的阅读节奏。
- 产品图片单元内不能添加内边距；让照片延伸至网格边缘，无缝感使目录像画廊墙面。
