V7labs 网站预览
V7labs 网站预览

V7labs

近白色基底、细线分隔与衬线字形。

页面以近白色为基底,搭配近黑色文字。字体采用 Martina Plantijn、STK Bureau。视觉特点包括细线分隔、衬线字形、居中构图、网格布局。适合参考的场景:AI 服务首页、产品演示介绍页。

查看原始网站

使用规范

建议采用

  • 所有交互按钮和表单输入框都采用160px border-radius;所有控件的完整胶囊形都是不可更改的要求。
  • 标题采用Martina Plantijn 300字重和40px或60px;衬线字体字重绝不要高于400。
  • 琥珀色渐变只用于满幅首屏和统计分区;绝不要作为按钮填充、徽章背景或行内强调。
  • 每个白色胶囊按钮都配1px的#000000边框;细线边缘给予胶囊分量,而无需使用彩色。
  • 分区严格在#f7f6f5奶油色与#1c1c1c近黑之间交替;浅色内容放在奶油色上,深色内容,如产品截图和工作流演示,放在近黑色上。
  • 浅色表面的默认边框为1px solid #000000,深色表面则为1px solid #292929。
  • 正文采用STK Bureau 16px和-0.01em字间距;只有24px及以上字号才收紧至-0.02em。

建议避免

  • 绝不要将琥珀色或橘色调色板用于按钮、链接、图标或表单控件;它只属于富有氛围的满幅分区。
  • 卡片、面板或内容表面绝不要使用阴影;唯一允许的阴影用于锚定视口的叠加层。
  • 标题绝不要采用STK Bureau,正文段落也绝不要采用Martina Plantijn;衬线与无衬线分别承担语气和墨迹,分工具有结构意义。
  • 绝不要使用99px、12px和160px之外的圆角值;8px中间尺度只保留给小型叠加卡片。
  • 不要破坏分区交替,在没有清晰边界的情况下,将浅色模式产品卡片直接放在深色反转分区下方。
  • 编辑式语境中的正文字号绝不要低于14px;12px是绝对下限,只用于标签和元数据。
  • 状态指示、成功状态或错误状态绝不要使用彩色;保持无彩色,只通过字重、位置以及藏青色#00104进行强调。