UGLYCASH 网站预览
UGLYCASH 网站预览

UGLYCASH

近白色基底、大字排版与紧密字距。

页面以近白色为基底。字体采用 Helvetica Now Display Cn Bold、Inter。视觉特点包括大字排版、紧密字距、居中构图、宽松留白。适合参考的场景:金融产品官网、财务服务介绍页。

查看原始网站

使用规范

建议采用

  • 所有卡片、按钮和手机边框均使用1px实线#000000边框——边框是承载结构的主体,而非阴影
  • 首屏开启部分使用Helvetica Now Display Cn Bold字体,字号85–164px,字间距-0.033em;绝不允许正文文本达到显示字体的尺寸
  • 优先使用饱和品牌色(#fa00ff、#02bbff、#adff02、#e7e3bf)作为全卡片或全面板填充,绝不可作为细小的文本点缀
  • 将卡片和按钮的圆角设为16px;仅在首屏级面板和手机边框上提升至38–46px
  • 保持页面画布为#f2f2f2,卡片表面默认为#ffffff;让饱和的贴纸色彩在顶部完成视觉冲击
  • 所有小于24px的文本(正文、UI、导航、图注)均使用Inter字体,字号14–18px,字间距-0.02em
  • 保持96px的纵向区块间距和10–20px的元素间距,以维持舒适、如贴纸粘贴般的节奏感

建议避免

  • 不添加阴影效果;层级感通过边框和偏移的重复帧实现
  • 不将饱和品牌色用于细线底纹、图标描边或1px边框——这些必须以填充形式呈现,才能读作贴纸效果
  • 单个表面不可使用超过两种字体家族;Helvetica Now + Inter(或一种手写风格点缀)是上限
  • 正文文本不可小于14px或大于20px——UI尺寸紧凑,对比度默认基于14–18px正文
  • 圆角不可设为0或9999px;系统仅存在于1px / 16px / 38–46px的范围内
  • 品牌色不可作为白色背景上的文本颜色——黑色文本应出现在饱和填充上,白色文本仅限于#000100/#3a3a3a面板上
  • 显示标题不可在4个字以内换行;164px的字号预设为1–3行,行高0.85