Nofilter.space 网站预览
Nofilter.space 网站预览

Nofilter.space

白色基底、细线分隔与摄影展示。

页面以白色为基底,搭配深灰色文字。字体采用 pragmatica。视觉特点包括细线分隔、摄影展示、网格布局、大字排版。适合参考的场景:内容网站首页、编辑专题页。

查看原始网站

使用规范

建议采用

  • 所有文字使用 pragmatica 或替代的新无衬线字体,字重 400,绝不加粗或斜体。
  • 整个色板保持 #ffffff 上的 #333333;#000000 只用于徽章边框与最深描边。
  • 每个元素都用 0px 圆角,包括卡片、按钮、徽章、图片与输入框;利落就是品牌。
  • 30–35px 展示字号保持约 1.14 的紧密行高,15px 正文保持约 1.47,以保留编辑声音。
  • 让 1px #333333 细线承担结构:框住重点卡片、给区块加下划线、分隔顶部导航与内容。
  • 卡片内容左右内边距设为 35px,页面行间留 40–60px;呼吸空间就是构图。
  • 所有分类导航或筛选使用复选框加标签模式,强化印刷档案的比喻。

建议避免

  • 绝不添加行动按钮强调色、渐变或填充按钮;设计刻意无彩色。
  • 绝不用阴影、光晕或模糊边框产生浮起,改用 1px 线条与留白。
  • 任何组件绝不用圆角、胶囊形或柔化的小块。
  • 绝不混用多个字体家族或引入衬线;pragmatica 400 是唯一声音。
  • 界面元素绝不自动播放、添加动画或运动;出版物静态而安静。
  • 编辑摄影绝不裁成圆形、圆角矩形或装饰蒙版;始终展示完整图片边缘。
  • 绝不放彩色徽章、图标或状态胶囊;所有功能线索必须来自排版和线条。