ElevenLabs
一组以温暖奶油色调为主、标题简洁的摄影作品。一本包豪斯风格的笔记本——蛋壳色纸张，黑色墨水，仅以一抹紫色和橙色点缀，用于产品展示。
ElevenLabs 采用温暖的白色极简主义风格：蛋壳色的底色 (#fdfcfc) 搭配黑色字体，并覆以一层温暖的灰褐色 (#f5f3f1) 纹理。品牌形象沉稳自信——几乎难以辨认的 Waldenburg 300 字体以极高的清晰度 (-0.02em) 突出标题，而 Inter 400/500 则赋予其他元素一种平静的中性感。两种强调色——充满活力的紫色 #0447ff 和鲜艳的橙色 #ff4704——仅在产品视觉元素（音频环绕声、产品图标）中出现，绝不会以铬色的形式出现在用户界面中。组件保持扁平或略微凸起，边框纤细，仅 1px；卡片采用 20px 的圆角；按钮则填充至 9999px。整个系统让人联想起奶油色纸张上的包豪斯工作室：克制、专业且技术精准。
全宽版块垂直排列在中央单列中，列宽最大，两侧间距为 1280 像素。主版块采用非对称设计：标题左对齐（48 像素 Waldenburg 对齐），描述文本右对齐，标题下方有两个药丸状按钮。主版块下方是一个横跨整个内容宽度的大型标签式导航栏。版块背景颜色交替使用蛋壳色和灰褐色，垂直间距为 96-125 像素。页脚是一个简洁的单条。导航采用极简的顶部栏设计——没有固定行为，也没有大型菜单。内容节奏与编辑风格相符：留白充足，每个版块只有一个主要视觉元素，“信任”版块下方没有卡片网格。
视觉设计以色彩方案为主：柔和的音频球体（直径超过200像素的圆形，颜色由紫色向橙色和粉色放射状过渡）构成大面积渐变，是主要的图形元素。“信任”部分的标志以低对比度的灰度形式呈现在哑光画布背景上。图片极简——没有生活方式或产品照片。图标简洁且单色（黑色轮廓或填充图标，没有彩色图标）。整个视觉系统更像是设计出版物而非产品目录——编辑的克制感凌驾于营销效果之上。
调色板
品牌
- Violet Spark
#0447ff— 产品视觉强调 - 仅出现在音频领域插图和装饰性产品图标中；从不用于界面元素。
中性的
- Eggshell
#fdfcfc— 页面画布、按钮表面和卡片表面采用温暖的、略带奶油色的颜色，而不是刺眼的白色，以避免数字眩光，并赋予网站纸张般的平静感。 - Warm Taupe
#f5f3f1— 分隔条、装饰卡片和比哑光表面深一层的表面层，营造出安静、无边框的分隔效果。 - Stone
#ebe8e4— 细边框、分隔线和图标背景采用暖灰色，介于灰褐色和中灰色之间，不会给人冷色调的感觉。 - Ink
#000000— 无论是正文、填充按钮、导航还是链接，纯黑色都是暖色调调色板的基础，并在系统中创造了唯一的鲜明对比。 - Graphite
#44403b— 正文、章节标题——采用柔和温暖的深灰色，既能突出重点，又不会像黑色那样过于刺眼。 - Smoke
#777169— 正文、简短的描述和标题采用中等暖灰色；卡片和主题文本采用占主导地位、易于阅读但又平静的风格。
排版
从 10 像素到 48 像素 · 8 步
- Waldenburg — 替代品： Inter (300) or Söhne Light · 轮廓 300 · 仅用于标题和设计元素。使用 48/36/32 像素格式，字重 300——这种超细字体并不常见；大多数网站使用 600-700 字重；这种低调的字体以克制的方式传达权威感。-0.02em 的紧凑字间距使字母在大字号下也能紧密排列。替代方案：300 字重的“Inter”字体或作为高级替代方案的细体“Söhne”字体。
- Inter — 替代品： Inter or system-ui · 轮廓 400, 500 · 屏幕外的所有内容：正文、导航、按钮、链接、标签、输入框、卡片。默认字重为 400；500 字重专用于按钮和高亮链接。字号范围为 10 到 10，行距较小（1.47–1.6），使段落更舒展。字号在 14 到 3 之间时，字母间距增加 1（2），以提高小字号下的易读性。
- Geist Mono — 替代品： JetBrains Mono or IBM Plex Mono · 轮廓 400 · 微缩文本位于代码或技术文本旁边，间距为 13 像素——很少使用（频率 = 28），用于技术标签或元数据。单层，行高较大，为 1.69。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 8-16px |
| 按钮半径 | 9999px |
| 卡片半径 | 20px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 96-125px |
| 页面宽度 | 1280px |
AI 将按照ElevenLabs风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Mollie — 羊绒柜台，深色账簿。在黑色文字周围留出充足的空白用于编辑设计，然后用温暖的奶油色、浓缩咖啡棕色和实际支付方式的触感照片来强化与产品相关的要点。
- Kagi — 一间独立的阅览室。以醒目的石墨色文字为中心，营造出开阔的白色空间，并用柔和的紫色点缀和温暖的粉彩色调来打破宁静。
- Milanote — Milanote是一家专注于创意的工作室。他们使用悬浮式视觉板创建编辑画廊风格的页面：深色边框墙面、白色展示空间，以及看起来像真实物体且具有柔和景深的屏幕截图。
- Co2 — 冬日阳光下的气候图集。页面设计如同航拍文档景观，衬线标题、分类数据和冰雪图像突出宽阔的白色页边距。
- GitButler — 文本末尾采用蓝绿色。高对比度衬线标题搭配精致的技术网格、温暖的石墨色表面，以及低调的蓝绿色点缀。
- Awesomic — 编辑用的锌网布，上面点缀着橙色的标点符号，让人联想起五彩纸屑。
- Monad — 关于温暖羊皮纸的编辑技术期刊
- Dub — Link的哑光宣纸控制面板
- Seline Analytics — 温暖的纸张上摆放着一张安静的分析表格。
- Notion — 正午阳光下，一本温暖的纸质笔记本映入眼帘
- Anthropic — 一本印在温暖羊皮纸上的科学野外考察日志——平静的象牙色表面，衬线字体的编辑标题，以及一个仅在需要行动时才会出现的粘土色点缀。
- Calendly — 冷大理石纹上印有深蓝色墨水。