Idle Finance 网站预览
Idle Finance 网站预览

Idle Finance

深蓝色基底、胶囊形控件与渐变展示。

页面以深蓝色为基底,搭配白色文字。字体采用 Open Sans、Source Sans Pro。视觉特点包括胶囊形控件、渐变展示、细线分隔、居中构图。适合参考的场景:区块链项目介绍页、生态网站首页。

查看原始网站

使用规范

建议采用

  • 每个按钮、标签页和链徽标都使用胶囊形(80px)圆角,这是系统最易识别的形状。
  • 卡片保持#202a3填充和1px #000000极细边框,绝不用阴影表现高度。
  • Spectral Cyan(#6ae4ff)严格限定为三种用途:首屏高亮词语、描边操作边框和功能性图标。
  • 标题采用56–100px Open Sans 700及-0.0360em字间距,以形成终端展示屏的感觉。
  • 放射状蓝色渐变只作为首屏级内容背后的背景光晕,绝不用作卡片填充。
  • 每个主要填充按钮都在同一行配以无填充的Spectral Cyan链接,作为次要操作。
  • 主要区块之间保持80px垂直呼吸空间,让页面富有氛围而不显拥挤。

建议避免

  • 不要引入新的强调色相;坚持唯一青色是品牌的标志性特征。
  • 不要为卡片使用圆润阴影、辉光或模糊效果;系统刻意保持平坦,只通过边框定义。
  • 不要在同一行中混用Open Sans和Source Sans Pro;展示文字与正文属于Open Sans,Source Sans Pro只负责表格式微型数据。
  • 主要按钮不要使用方形或4px圆角;操作元素必须使用80px胶囊形。
  • 不要将深色文字放在深色画布上;所有文字必须使用Bone White或Fog Gray,以达到AAA对比度。
  • 不要将青色强调用于大面积填充;当它覆盖超过一道边框或单个词语的面积时,就失去信号感。
  • 不要使用浅色主题表面或白色卡片背景;整个系统在设计上都是深色模式。