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;尺度刻意保持压缩。