Relace

暖白色基底、等宽文字标注与紧密字距。
页面以暖白色为基底,搭配近黑色文字。字体采用 Parabole Trial、Decima Mono Pro。视觉特点包括等宽文字标注、紧密字距、细线分隔、分屏构图。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 每个页面和卡片背景都使用#fffef2,绝不用#ffffff或任何冷调中性色。
- 展示标题字间距设为-0.05em,即64px字号时为-3.2px,将标题压缩为自信文字块。
- #fcaa2d只用于填充CTA、标题中单个行内强调词,以及列表左边框指示。
- 所有矩形组件,包括按钮、卡片、输入框和代码窗口,都采用2px border-radius。
- 版本标签、时间戳、元数据标签和代码等全部UI附属元素,都采用Decima Mono或JetBrains Mono替代字体。
- 分区通过1px的#000000细线分隔,而非背景色变化或阴影。
- 所有标题和正文都左对齐;编辑式的左向流动是定义品牌的布局选择。
建议避免
- 背景绝不要使用#ffffff;温暖奶油色画布是品牌的视觉温度。
- 矩形组件的圆角不要超过2px;800px只留给徽章和图标容器。
- 不要将#fcaa2d用于正文、大面积背景或装饰填充;它只限量用于操作和单词强调。
- 绝不要添加drop-shadow或box-shadow;设计通过线条而非深度分隔。
- 不要使用冷灰、蓝色或任何非暖调中性色;整个调色板都是暖调。
- 标题不要居中,也不要使用居中文字块;左对齐是不可更改的要求。
- 标题不要采用Arial或Helvetica等系统无衬线字体;始终采用Parabole或紧密字间距的几何无衬线替代字体。