Going™ 网站预览
Going™ 网站预览

Going™

暖白色基底、细线分隔与网格布局。

页面以暖白色为基底,搭配深青绿色文字。字体采用 PP Mori。视觉特点包括细线分隔、网格布局、摄影展示。适合参考的场景:产品介绍页、品牌展示页。

查看原始网站

使用规范

建议采用

  • 所有正文与主要图标使用深碧色 #004449,绝不回退至 #000000 用于连续文本
  • 保留电光紫 #483cff 用于每个视口一个填充式CTA——多个CTA会削弱信号强度
  • 所有按钮、徽章及胶囊形链接均使用900px圆角——锐利边角破坏了胶囊按钮的语言特征
  • 将薄荷色边框 #d7ffc2 与羊皮纸色 #fffef0 卡片配对,置于其中——双色叠加是内容节奏的核心标志
  • UI标签(14-16px)使用PP Mori的475字重——它带来温暖的人文气质,单靠400字重无法达到
  • 在48px及以上展示尺寸中使用0.10em字间距——扩展的字间距是使标题具有编辑风格而非SaaS风格的关键
  • 设定区块内边距为顶部和底部80px,以提供垂直呼吸空间——过密间距会破坏宽敞的节奏感

建议避免

  • 不要使用纯 #ffffff 背景——#fffef0 的暖意是品牌核心,临床白会破坏整体系统
  • 不要应用比 rgba(0,0,0,0.04) 0px 2px 8px 0px 更重的阴影——过重的阴影破坏了平铺的纸张质感
  • 不要在正文或按钮中使用黑色 #000000——黑色在数字环境中显得生硬,而深碧色青苔在印刷中读作温暖的纸质感
  • 不要引入除24px以外的卡片圆角——24px卡片与900px按钮的搭配是既圆润又不浮夸的标志性特征
  • 不要在正文或按钮中使用霓虹薄荷绿 #0bff80——它仅适用于标题中2-5词的强调展示
  • 不要叠加多个饱和背景——色彩方案依赖于羊皮纸→薄荷色→羊皮纸的交替,而非彩虹式堆叠
  • 不要压缩80px的区块间距——压缩会移除页面特有的编辑节奏,使其区别于标准SaaS布局