Augen Pro 网站预览
Augen Pro 网站预览

Augen Pro

苹果发布会采用手术级白——临床、无重感,仅以电蓝色作为单色强调,置于单色背景中

Augen Pro 在临床般洁白的空旷空间中,以深炭灰色排版和一种精准的电蓝色建立视觉重心。整个系统呈现高端消费科技品牌的气质:稀疏的文字使用 350 字重,胶囊形界面元素悬浮在近乎无限的留白中,没有装饰性的界面外围元素。色彩被严格分配:蓝色仅作为链接和标签的功能性边框,绝不用作填充,让界面具有冷静的仪器面板质感。布局通过 90+px 的区块间距和最大宽度居中形成充裕的垂直空间,以编辑版面的节奏将每个区块视为一张跨页。

查看原始网站

使用规范

建议采用

  • 从10px到27px的所有文本均使用字重350作为默认——层级由大小决定,而非字重
  • 所有链接的文字颜色设为信号蓝(#0071e3),且交互元素绝不使用填充背景——蓝色作为线框,而非填充
  • 所有内容卡片的圆角半径设为54px,所有标签/胶囊形控件的圆角半径设为9999px,以形成标志性的柔和封闭形状
  • 保持各区块之间90-100px的垂直间距,以维持编辑性的呼吸节奏
  • 浅色背景上的文字使用深黑(#0f1012),深色底部文字使用纯白(#fdfdfd)——此配色对绝不反转
  • 所有导航和交互容器均以漂浮的胶囊形(半径10-26px)呈现,居中或顶部对齐,绝不以全宽条形呈现
  • 所有文本的字间距统一设为-0.0200em——紧密的字间距是其字体特征

建议避免

  • 绝不使用阴影来表现层级——改用白调渐变(#fdfdfd 在 #f2f2f4 上)和0.5px细线边框
  • 绝不将信号蓝(#0071e3)作为填充背景——它仅作为边框和文字颜色使用
  • 绝不使用字重高于400——粗体、半粗体和中等字重破坏了轻盈的字体系统
  • 绝不将多行正文文本居中对齐——所有段落必须左对齐以保证编辑可读性
  • 绝不为内容区块添加装饰性渐变、图案或背景图像——3D首屏渲染承载全部视觉重量
  • 绝不将CSS令牌色中的绿色/橙色/黄色用作UI强调色——这些变量处于非激活状态;实际系统为单色+蓝色
  • 内容容器的宽度绝不超过1200px——居中约束的节奏依赖于一致的测量基准