Artandcommerce 网站预览
Artandcommerce 网站预览

Artandcommerce

浅灰色基底、大幅摄影展示与宽松留白。

页面以浅灰色为基底,搭配近黑色文字。字体采用 Adobe Garamond、Akzidenz Grotesk。视觉特点包括大幅摄影展示、宽松留白。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 只使用#000000、#e7e7e7和#121212,不使用其他颜色、浅色调或强调色。
  • 展示标题采用Adobe Garamond 400、56px,letter-spacing为-1.0px,行高1.10。
  • 所有UI标签、导航和元数据都采用Akzidenz Grotesk全大写,letter-spacing为0.027-0.038em。
  • 所有border-radius都保持0px;每个卡片、图像、按钮和徽章都为清晰直角。
  • 主要元素间隙使用12px和16px,标准分区间距44px。
  • 图像从边到边铺开,不设边框、阴影或圆角。
  • 链接和导航的悬停及激活状态,以1px的Ink(#000000)border-bottom指示。

建议避免

  • 不要引入任何彩色,没有品牌强调、CTA填充、渐变或状态色相。
  • Garamond不要使用粗体或斜体;衬线只以400字重表达。
  • 任何元素都不要采用border-radius;设计严格保持直线直角。
  • 不要添加box-shadow或drop-shadow;抬升只通过留白表达。
  • 导航和标签不要混入句首大写;所有Grotesk UI都全大写。
  • 正文或导航不要居中;布局紧贴左侧,内容锚定左边缘。
  • Garamond展示字号不要低于56px,正文字号不要高于20px;尺度刻意保持压缩。