HashiCorp

近黑色基底、渐变展示与紧密字距。
页面以近黑色为基底,搭配近白色文字。局部操作控件以蓝色强调。字体采用 Hashicorp Sans、Arial。视觉特点包括渐变展示、紧密字距、细线分隔、扁平表面。适合参考的场景:开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 使用 #000000 作为页面主背景色,并按层级顺序叠加表面:#000000 → #0d0e12 → #15181,实现渐进式抬升
- 仅将 #2264d6 用于激活状态、激活导航项和标签指示器——禁止作为装饰性填充使用
- 所有标题文本使用 Hashicorp Sans 字重 600–700,字间距设置为 -0.01em,以实现压缩、自信的视觉姿态
- 在 13px 字号、Hashicorp Sans 字重 600 上使用 +0.1em 字间距,用于全大写眉题标签(如章节标题、'受以下客户信赖' 区域)
- 所有交互控件(按钮、输入框、徽章、导航项)保持 4px 圆角,内容卡片预留 8px 间距
- 阴影值保持为 rgba(97,104,117,0.05) 不透明度——深度应被感知,而非被看到
- 使用紫到蓝渐变(#6c81ff → #c08dff)作为首屏区域和3D立方体渲染的定向光源
建议避免
- 禁止引入额外色彩——品牌信号必须单一,色彩频率至关重要
- 禁止使用超过 8px 的圆角;该系统为几何化、精确的风格,而非友好或柔和
- 禁止使用深于 10% 不透明度的阴影——厚重阴影会破坏虚空画布的视觉效果
- 禁止在按钮上使用 #2264d6 或 #2b89ff 作为背景填充;仅主色按钮为例外,且仅少量使用 #2b89ff
- 禁止在同一个标题内混合正负字间距;每个区块应统一使用单一字间距值
- 禁止正文文本小于 14px 或大于 17px——15–16px 为可读性最佳区间
- 信任条中禁止使用彩色合作伙伴标志;所有标志必须以 #d5d7db 渲染,以保持单色带的统一性