ARTWORLD 网站预览
ARTWORLD 网站预览

ARTWORLD

白色基底、大字排版与衬线字形。

页面以白色为基底。字体采用 Graphik Light、Cardinal Fruit Italic。视觉特点包括大字排版、衬线字形、网格布局。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 只使用 #000000 和 #ffffff,任何灰、底色或彩色都会破坏单色约定。
  • 全部展示文字使用正体或斜体 Cardinal Fruit,65–75px、300 字重;轻盈字重必须遵循,它带来的通透感让文字像印刷品,而非数字界面。
  • 所有正文与辅助文字使用 Graphik Light 300,不升为 Regular 或 Medium,纤细就是核心。
  • 两种家族形成对比体系:Cardinal Fruit 发声,Graphik Light 安静;Graphik Light 不采用与 Cardinal Fruit 竞争的尺寸。
  • 保持紧凑 letter-spacing:Graphik Light 为 -0.065em,Cardinal Fruit 为 -0.010 至 -0.031em;字间距形成编辑密度。
  • 间距保持宽松,主要分区之间 76–95px,元素之间 20–30px,让设计呼吸。
  • 全部左对齐;居中会破坏参差编辑网格与时装杂志节奏。

建议避免

  • 除黑白外不添加颜色,没有强调色、状态色或悬停底色;单色就是品牌。
  • 不使用圆角,每个边缘尖锐、表面扁平,体系没有曲线。
  • 不添加阴影、渐变或抬升,设计完全扁平,深度来自字号对比,而非视觉效果。
  • 正文或展示不使用粗体或半粗体;体系停留在 300,更重会破坏低语语气。
  • Arial、Helvetica、Roboto 等系统无衬线不替代 Graphik Light;Graphik 的轻盈与紧字间距使它恰当地隐去。
  • 正文或网格项不居中;参差左边缘是设计特征,而非限制。
  • 不加图标、插画、摄影或装饰图形,这是纯文字排版体系;字标是唯一非连续正文的视觉元素。