Twocreate 网站预览
Twocreate 网站预览

Twocreate

近白色基底、摄影展示与非对称构图。

页面以近白色为基底,搭配近黑色文字。字体采用 PP Neue Montreal。视觉特点包括摄影展示、非对称构图、大字排版。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 仅使用 PP Neue Montreal 400 字重——绝对禁止引入粗体或轻体字重以建立层级
  • 通过尺寸跳跃(10 → 22 → 33 → 44 → 67 → 111)建立层级,而非通过色彩或字重变化
  • 在所有页面保持温暖的 Paper(#f9f7f4)底色;禁止切换为纯白色或引入真正的背景色
  • 保持既定的间距节奏:元素间间距为 10px,文字区块页内边距为 20px,区块间间距为 50px,右侧空白间距为 67–139px 以适应非对称布局
  • 所有显示尺寸的行高设定为 1.00–1.10,以保持压缩、编辑性的整体氛围
  • 让产品摄影原样置于画布上——不加边框、不加圆角、不加叠加层、不加图注
  • 撰写文字内容,短到能在 44–67px 字号下不换行、不形成密集段落

建议避免

  • 禁止引入任何强调色、品牌色或语义色——该系统刻意保持无彩色
  • 禁止为任何元素添加阴影、边框或圆角;分隔仅来自空白间距和文字本身
  • 禁止使用多种字体;PP Neue Montreal(或其替代字体)是唯一的表达声音
  • 禁止创建按钮组件——交互通过文字链接实现,仅在悬停时可添加下划线,绝不使用填充或描边控件
  • 禁止添加图标、徽章、标签或任何小型 UI 装饰元素,以免破坏纯文字排版的语境
  • 正文或列表项绝不居中对齐;所有内容紧贴页面边距,左对齐
  • 禁止使用卡片样式、网格背景或任何文本或图片区块的容器处理