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

Idle Finance

霓虹深海交易大厅:深藏青色终端中,唯一的青色信号穿透幽暗。

Idle Finance采用深海DeFi终端语言:接近黑色的藏青色画布上,唯一的电光青色强调像深度信号一样在暗处发光。页面表现得像交易界面,密集、数据优先且富有氛围;放射状蓝色渐变营造出地平线光芒从内容后方散出的感觉。字体承担主要工作,Open Sans使用较粗字重,首屏陈述通过青色高亮拆分,成为品牌化的口号。卡片几乎完全平坦,仅有极细边框,没有阴影或高度技巧,唯一界面装饰就是1px边框。组件紧凑而实用:胶囊形操作按钮、采用极大80px圆角的标签块式链徽标,以及像交易所筛选栏的标签页导航。

查看原始网站

使用规范

建议采用

  • 每个按钮、标签页和链徽标都使用胶囊形(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对比度。
  • 不要将青色强调用于大面积填充;当它覆盖超过一道边框或单个词语的面积时,就失去信号感。
  • 不要使用浅色主题表面或白色卡片背景;整个系统在设计上都是深色模式。