ACCOMPANY 网站预览
ACCOMPANY 网站预览

ACCOMPANY

白色基底、细线分隔与摄影展示。

页面以白色为基底,搭配近黑色文字。字体采用 Items-Light、SyndicatGroteskMedium。视觉特点包括细线分隔、摄影展示、衬线字形、网格布局。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • UI元素只使用#ffffff上的#000000,不使用强调色、灰色或带色调的浅色。
  • 展示标题设为Items-Light 80px,行高0.90,字间距-1.6px。
  • 分区之间以1px solid #000000细线分隔,绝不通过改变背景色或添加阴影分隔。
  • 所有项目元数据、分类标签和页脚微型标签都使用全大写的Arial 13px。
  • 每张图像、每个卡片和每个按钮都采用0px border-radius;系统如建筑一般棱角分明。
  • 给图像留出充裕呼吸空间:分区间距为71px,图像与其说明之间为10-14px。
  • 低于展示尺度的所有文字都交给SyndicatGroteskMedium处理;正文、导航和副标题均使用同一字体家族。

建议避免

  • 绝不要引入彩色、渐变或带色调的背景;彩色只存在于摄影中。
  • 卡片、按钮和图像绝不要使用阴影、辉光或任何模拟抬升效果。
  • 任何元素都绝不要使用圆角;卡片、按钮和图像框的圆角均为0px。
  • 正文绝不要采用展示衬线字体;Items-Light只保留给80px标题。
  • 绝不要使用颜色编码的语义状态,例如绿色成功或红色错误;通过细线边框和排版传达状态。
  • 绝不要给按钮填充背景;导航和操作通过排版表达,而非胶囊形UI控件。
  • 绝不要让布局拥挤;分区需要71px纵向呼吸空间,图像则需要完整的、从边到边的展示。