Genway 网站预览
Genway 网站预览

Genway

白色基底、渐变展示与大字排版。

页面以白色为基底,搭配深蓝色文字。字体采用 Geist、Geist Regular。视觉特点包括渐变展示、大字排版、细线分隔、宽松留白。适合参考的场景:AI 服务首页、产品演示介绍页。

查看原始网站

使用规范

建议采用

  • 所有展示标题和主要文字都使用 Deep Indigo #0a0449。在标题层级,它是唯一重要的彩色文字颜色。
  • 所有抬升卡片都应用带紫罗兰色调的阴影 rgba(10, 1, 99, 0.4) 0px 8px 16px -10px,绝不使用中性灰阴影。
  • 展示标题设为 88px、字间距 -3.52px、行高 0.9。这种极高密度是标志性特征。
  • 需要与纯白区分、又不增加视觉分量的卡片,使用 Lavender Mist #f7f6fd 表面。
  • 通过薰衣草渐变铺色 #e2e0f9 → #cfccf5 建立氛围纵深,而不是使用实心彩色背景。
  • 正文保持 Slate Lavender #706e87,绝不使用纯灰。紫罗兰底调将文字与品牌配色联系起来。
  • 8px 和 32px 是两个卡片圆角锚点:8px 用于紧凑元素,32px 用于首屏内容卡片。

建议避免

  • 不要使用独立的蓝色或蓝绿色强调。靛蓝本身就是品牌色,引入另一种色相会稀释系统。
  • 不要使用 rgba(0, 0, 0, 0.1) 等中性灰阴影。每道阴影都应渗出品牌靛蓝色。
  • 展示标题不要小于 56px 或大于 88px。尺度对比才是视觉冲击力的来源。
  • 展示字号的行高不要超过 1.0。紧密的 0.9 行高对于文字密度不可缺少。
  • 不要以鲜明紫罗兰色 #6b5ee0 实心填充背景。它只应作为渐变终点、强调填充或文字出现。
  • 边框不要粗于 1px。系统依靠带紫罗兰色调的细线,绝不使用粗重线条。
  • 文字不要使用纯黑 #000000。Deep Indigo #0a0449 更柔和,同时仍保持最大对比度。