Parloa

暖白色基底、衬线字形与分屏构图。
页面以暖白色为基底,搭配近黑色文字。字体采用 Exposure30、Geist。视觉特点包括衬线字形、分屏构图、居中构图、网格布局。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有 42px+ 的展示级标题都使用 Exposure30 字重 350。大字号下的纤细衬线字体,是品牌标志性的声音。
- 所有主要操作都使用 Ink Black #1f1c1b 填充的按钮,并配白色文字;绝不将橙色用作按钮填充背景。
- Highlighter Orange #ff7714 仅用于轮廓、链接、图标描边和装饰性强调。它负责标记,绝不填充。
- 在奶油色画布 #ebe9e1 上叠放白色卡片 #ffffff,配以 1px 的 Hairline #d9d6ce 边框和 0px 圆角,营造编辑设计中“钉在纸上”的效果。
- 正文使用 Geist,字号为 16px,字重为 400,字间距为 0.01em,行高为 1.50,以形成舒适的编辑阅读节奏。
- 以 4px 为基础间距单位;按钮内边距使用 8px 和 12px,元素间距使用 16px,卡片内边距使用 24px,区块间距使用 80px。
- 让摄影承担首屏表现,采用铺满画面的暖光人像,并配渐变叠层。首屏位置绝不使用抽象图形或插画。
建议避免
- 不要将橙色 #ff7714 用作实心按钮或大型背景色块。这会破坏编辑设计的细腻感,让设计变成普通技术网站。
- 卡片不要使用 box-shadows 或投影。设计依赖带细线边框的平面表面,而非悬浮效果。
- 标题不要使用 600+ 的粗字重。350-400 的衬线字重正是设计重点,加粗会摧毁轻声般安静的权威感。
- 任何元素的圆角都不要超过 4px。接近零的 0-2px 圆角,让设计像印刷品,而不像应用。
- 正文或大面积表面不要使用纯黑 #000000。Ink Black #1f1c1b 能保持温暖的印刷品质。
- 卡片或区块下方不要放置蓝、绿、紫等彩色背景。整套系统只有暖奶油色、深色和橙色,不使用冷色调。
- 正文不要采用粗体或鲜明彩色。所有文字应为 Ink Black、Stone #a69b92 或 Hairline #d9d6ce,橙色绝不用在段落中。