Design 网站预览
Design 网站预览

Design

近黑色基底、细线分隔与居中构图。

页面以近黑色为基底,搭配白色文字。字体采用 CashSans。视觉特点包括细线分隔、居中构图、大字排版、单栏阅读排版。适合参考的场景:支付服务首页、金融科技产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有主要屏幕都以#000000作为页面画布;深色虚空是系统基础。
  • 展示文字采用CashSans 700、86–122px、-0.015em字间距和1.0行高。
  • 内容区域通过1px的#e5e7eb细线分隔,绝不用卡片、阴影或背景填充。
  • Cash Green(#00d54b)保留给$标志和独特的标志性时刻;每个屏幕最多出现一次。
  • 分区间隙采用64px纵向内边距,内部内容内边距使用20–30px。
  • 15px border-radius只用于图像和标志容器;其他所有元素保持直角。
  • 维持双峰字体尺度:从16px正文直接跳到86px展示文字,不设置中间标题字号。

建议避免

  • 不要引入box-shadow、drop-shadow或辉光效果;深度只来自对比和尺度。
  • Cash Green不要用于文字、边框或大面积填充;大尺度使用会使其失去冲击力,它只属于标志。
  • 不要创建20–40px范围的中等分量标题;16px与86px之间的间隔就是系统。
  • 不要给卡片、按钮或面板添加背景色;所有内容平贴在#000000上。
  • 按钮、标签或输入框不要使用border-radius;除图像和标志的15px圆角之外,几何形态都保持锐利。
  • 每个屏幕不要超过三种文字颜色:#ffffff、#b3b3b3和#858585;层级有严格要求。
  • 除少见的反转区块外,不要使用浅色主题表面;深色画布是不可更改的要求。