Metaview 网站预览
Metaview 网站预览

Metaview

近黑色基底、紧密字距与扁平表面。

页面以近黑色为基底,搭配白色文字。局部操作控件以绿色强调。字体采用 Euclid Circular A、Onsite SemiMono。视觉特点包括紧密字距、扁平表面、居中构图、渐变展示。适合参考的场景:AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

  • Electric Mint #7affb4只用于主要CTA胶囊、激活标签页状态和实时状态指示,绝不作为装饰填充或正文颜色。
  • 所有标题都采用300字重与紧密负字间距,68px时-4.08px、48px时-1.92px、36px时-1.08px;低语般轻字重是标志性特征。
  • 所有按钮和标签页胶囊使用999px圆角,卡片和容器16px,输入框与嵌套元素8px;同一家族内不混用圆角。
  • Bioluminescent Bloom径向渐变只作为产品模型分区后方的满幅背景;它是页面呼吸时刻,而非通用背景。
  • 候选人数、指标和ID等数字数据采用Onsite SemiMono 12-16px,实现表格对齐与技术可信度。
  • Deep Forest #000a06作为通用页面背景,卡片提高至Pine Bark #0a1a14,Charcoal #161818只用于真正叠加层。
  • 每个薄荷胶囊CTA旁都配同一行的透明描边次级按钮,间隙8px;双按钮节奏是默认首屏模式。

建议避免

  • 展示标题不要采用600或700,300字重是定义品牌安静权威的反常规选择。
  • Electric Mint不要用于大表面、分区背景或正文;覆盖任一屏幕超过5%时,鲜亮色值会失去信号力量。
  • 不要用投影抬升卡片,改用表面色阶;唯一允许阴影是主要按钮上的1px内嵌细线。
  • 不要引入新强调色或渐变;系统是深中性色加薄荷的双色,额外色相会破坏生物荧光信号语言。
  • 中灰#5e6262不要用于高于16px的内容,它是正文或弱化文字色,而非标题或标签色。
  • 按钮不要圆成16px或8px,所有交互元素必须为999px胶囊;锐利或柔和小圆角按钮都会破坏视觉身份。
  • 深色画布上不要采用浅色或白色卡片表面,全部卡片和面板必须为Pine Bark #0a1a14或Charcoal #161818,以保持深色模式一致。