ethereum.org 网站预览
ethereum.org 网站预览

ethereum.org

浅紫色基底、分屏构图与居中构图。

页面以浅紫色为基底,搭配近黑色文字。字体采用 Inter、IBM Plex Mono。视觉特点包括分屏构图、居中构图、网格布局。适合参考的场景:区块链项目介绍页、生态网站首页。

查看原始网站

使用规范

建议采用

  • 任何区块展示标题都用 Inter 900,48–64px;几何板状厚字重对品牌不可妥协。
  • 所有主要操作、眉题与激活链接使用 #6c24e0;其他彩色留给次要文字强调和插画。
  • 功能卡片背景使用粉彩色之一:薰衣草 #ece0ff、薄荷、桃、粉,圆角 16px,无阴影、无边框。
  • 每个区块标题正上方放眉题标签:Inter 700,14px,大写,#6c24e0,在 #ece0ff 上呈胶囊形。
  • 主要按钮用 4px 圆角;方肩按钮是标志,不是胶囊形。
  • 每个区块至少有一幅插画或一个图标,纯文字区块应是例外。
  • 主要区块之间使用 64px 垂直内边距,卡片内部使用 32px。

建议避免

  • 不要用投影产生浮起;层级来自平面表面色调,而不是深度。
  • 标题不要用字重 600 或 800;系统只用 900 或 700,900 只用于展示字号。
  • 不要引入现有四种 #6c24e0、#f60e9d、#3d4ceb、#0f9972 之外的新饱和色,色板受严格分配。
  • 主要操作不要用 9999px 胶囊形按钮;这个圆角留给搜索触发器和标签。
  • 不要把文字直接叠在满幅插画上而缺少下方居中的标题块。
  • 正文不要居中,段落始终左对齐,最大宽度 65ch。
  • 摄影不要作为主要视觉;插画拥有系统主导权,照片若出现,也只应在编辑内容语境中。