ACCOMPANY 网站预览
ACCOMPANY 网站预览

ACCOMPANY

如同骨白画布上的编辑式大幅印张。这是一套单色排版系统,80px的细衬线标题承担全部情感表达,其余元素都为它让出空间。

ACCOMPANY采用单色的编辑式系统:骨白色上的纯黑,没有阴影、渐变或强调色。定制细衬线字体Items-Light以80px的展示尺度和强烈压缩的0.90行高承载整个品牌语气,Medium字重的grotesque字体SyndicatGroteskMedium则处理从44px副标题到16px正文的所有内容。层级完全通过字号、字重对比——细衬线与Medium 无衬线——以及留白建立。系统像博物馆专著或时装大幅印张一样运作,将色彩交给作品本身。组件是建筑式骨架:细线、全大写微型标签、宽敞栏间距和平面图像框。彩色只通过摄影进入页面。

查看原始网站

使用规范

建议采用

  • 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纵向呼吸空间,图像则需要完整的、从边到边的展示。