Allier Ho 网站预览
Allier Ho 网站预览

Allier Ho

白色基底、细线分隔与宽松留白。

页面以白色为基底,搭配近黑色文字。字体采用 Crimson Pro、Azeret Mono。视觉特点包括细线分隔、宽松留白、大幅图像展示、摄影展示。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 所有展示标题在 44–50px 字号范围内使用 Crimson Pro 300 字重,字间距约为 -1.5px——轻盈的字重是其标志性特征
  • 所有按钮和标签的圆角半径设置为 200px,以实现完全胶囊形的交互语言
  • 使用 #fcfcfc 作为唯一页面画布——绝不引入纯白色(#ffffff)或更冷的灰色调
  • 仅将 #6c5f7d 尘土色紫罗兰作为唯一色彩表面填充,保留用于首屏叠加面板和偶尔的标题色调
  • 将衬线标题与 Azeret Mono 正文搭配——衬线与无衬线字体的对话定义了整体编辑语调
  • 保持区块间距为 100px,元素间距为 10px,以维持画廊漫步的节奏
  • 让影像从边缘到边缘完整延展,不设边框、圆角或阴影——照片或 3D 渲染本身即为视觉核心

建议避免

  • 不要使用 Crimson Pro 400 字重或更重的版本——轻量级是不可妥协的
  • 不要在卡片、按钮或图片上添加阴影、内阴影或发光效果——该系统为平面风格
  • 不要引入除尘土色紫罗兰和淡青色之外的额外辅助色——色彩调性刻意限定为双色体系
  • 不要对卡片、面板或图片进行圆角处理——仅按钮和标签使用圆角
  • 不要在正文部分使用无衬线字体——Azeret Mono 是正文的语声;无衬线字体仅限于导航栏和标签使用
  • 不要用实色填充按钮——透明背景上的胶囊轮廓是唯一的按钮样式
  • 不要使用系统衬线字体或衬线字体替代字体作为正文——Crimson Pro 仅用于展示