BitcoinOS 网站预览
BitcoinOS 网站预览

BitcoinOS

近黑色基底、胶囊形控件与大幅图像展示。

页面以近黑色为基底,搭配白色文字。字体采用 Review Condensed、Review。视觉特点包括胶囊形控件、大幅图像展示、等宽字体、居中构图。适合参考的场景:区块链项目介绍页、生态网站首页。

查看原始网站

使用规范

建议采用

  • 所有首屏和区块展示均使用 Review Condensed 900 字体在 72–128px 字号、行高 0.80 的条件下——这种压缩是品牌的视觉标志。
  • 将所有小尺寸 UI 文本(12–16px)设置为 Kalice 400 字重,字间距 0.04–0.06em,以保持终端/宣言式的语气。
  • 将 #fffafa(Snow)作为唯一非结构色——用于单个填充型行动号召按钮、所有主要文本以及暗色背景上的激活边框。
  • 为所有卡片和图像设置 16px 圆角,按钮设置 8px,导航标签和标签芯片设置 9999px——绝不混合这些层级。
  • 使每个满幅区块都成为视口高度的电影时刻:以 3D 渲染或抽象艺术为背景,顶部居中漂浮白色文字,无遮罩层。
  • 仅保留五个中性色层级:#101010(画布)→ #1a1a1a(卡片)→ #272727(悬停/提升)→ #403f3f(分隔线)→ #fffafa(前景)。绝不引入第六种。
  • 在任何滚动驱动的页面中使用侧点分页模式(6px 正方形,1px 白色边框,白色填充表示激活)——它强化了页面作为叙事结构的特征。

建议避免

  • 绝不引入品牌色到 UI 中——系统中唯一的颜色是白与炭黑的色阶,以及仅存在于 3D 渲染图像中的金色。
  • 绝不为任何组件添加阴影、光晕或下投阴影——该系统刻意保持扁平;层级感来自更亮的灰度和 1px 白色边框。
  • 绝不使用无衬线人文主义体(Inter、SF、Roboto)作为正文体——Kalice 采用宽字间距是正文和导航文本的不可妥协选择。
  • 绝不打破 Review Condensed 显示的行高 0.80——打开行高会破坏定义首屏的刻石式压缩效果。
  • 绝不给图像叠加渐变、色彩晕染或遮罩层——3D 渲染承载完整视觉重量,UI 元素漂浮其上且无防护。
  • 绝不为按钮设置小于 8px 的圆角,或为卡片设置小于 16px 的圆角——2px 圆角仅保留用于内联链接下划线。
  • 绝不在一个屏幕上放置超过一个填充的 #fffafa 按钮——系统将填充型行动号召按钮视为单一强调点,而非模式。