Wallpaper Projects 网站预览
Wallpaper Projects 网站预览

Wallpaper Projects

温暖纸张上的展览式布局——源自一本12×16艺术单行本的页面,奶油色纸张、接近黑色的墨水,以及一个巨大的衬线字体共同完成表达。

Wallpaper Projects 的呈现如同一本高端艺术书籍的页面,印刷在温暖的奶油色纸张上:采用巨大的编辑性衬线字体(Cardinal Fruit),与安静、纸张般温暖的底面形成对比,仅用接近黑色的墨水完成所有工作。色彩调性严格保持单色——没有色彩点缀,没有装饰性渐变,没有阴影——让摄影与字体规模成为主要表现力量。布局为非对称、展厅式节奏:全开幅的氛围化首屏区域逐步过渡到奶油色底面上的图文分列构图,充足的负空间作为主要结构元素。每个交互元素都简化为一个深色胶囊形控件,整个系统传递出‘经过深思、昂贵、克制’的感觉,而非喧宾夺主。

查看原始网站

使用规范

建议采用

  • 在所有展示标题中使用 Cardinal Fruit 字体,字号范围为 48-180px;绝不低于 36px
  • 所有按钮设置为 20px 圆角,垂直方向 7-8px,水平方向 16px 内边距,使用 Soehne Mono 12px 字体
  • 交替使用 #ffffff 与 #fbf9f3 作为节区背景,以形成编辑性节奏
  • 每个内容区域前均添加一个 Soehne Breit 10px 大小的全大写标签,字间距为 1.0px
  • 采用 100px 的节区间距和 20px 的元素间距作为标准节奏
  • 让图片填充其容器,实现边到边的完整覆盖,且无圆角
  • 仅将 #1e1e1 用于文本、边框和按钮填充——绝不可作为装饰性底色使用

建议避免

  • 绝不引入彩色元素——0% 色彩度是整个品牌的本质
  • 绝不使用 box-shadow 实现层级感;应通过表面色彩对比完成工作
  • 交互元素的圆角仅限 20px(交互)或 0px(图片/卡片);其他情况禁止使用
  • 正文文本字号绝不低于 14px 或高于 18px;编辑性尺寸固定不变
  • 绝不将展示衬线字体(Cardinal Fruit)使用在小于 36px 的尺寸——该字体在该尺寸下会失去特征
  • 绝不添加可见的分隔线、规则或边框分隔区块——负空间是唯一的分隔方式
  • 绝不加深或叠加首屏摄影;应让文字直接位于原始图像之上