Nomen Nescio 网站预览
Nomen Nescio 网站预览

Nomen Nescio

如同温暖纸页上的墨迹。

Nomen Nescio是一套面向概念时装品牌的编辑式纸与墨系统:温暖米白画布(#fdfdfa)承载超大时装摄影,每个界面元素都退居于唯一的近黑墨色(#2b2b2e)。整个字体栈只使用一款定制无衬线字体和一种400字重,没有粗体、细体或斜体,因此层级完全由字号和负字间距建立,而非字重对比。组件是平面矩形,没有阴影、圆角或彩色;身份来自克制、温暖中性色和从边到边铺开的摄影。系统像被复现为网站的印刷独立小志,留白就是布局网格,每个UI表面都像从同一张纸上裁下。

查看原始网站

使用规范

建议采用

  • 定制“Nomen Nescio”字体只使用400字重,绝不要引入粗体、细体或斜体建立层级;只通过字号和负letter-spacing构建对比。
  • 所有边框圆角都设为0px;每个角保持锐利,每张图像从边到边铺开,不做圆角。
  • 页面画布使用#fdfdfa,仅在需要轻微表面抬升时采用#f5f3ee;绝不使用白色(#ffffff)或纯黑(#000000)。
  • 展示字号36px时使用-0.036em letter-spacing,逐步至正文字号的-0.008em;正字间距+0.007em只保留给小型全大写微标签。
  • 所有按钮保持无填充或描边样式,在Paper背景上采用1px的Ink边框;系统没有填充按钮变体。
  • 摄影铺满整个视口或网格单元;绝不要给图像加内边距、框架,或用背景和边框容器包裹它们。
  • 元素间隙使用20px,分区分隔39–47px,所有微调以4px为基础间距单位。

建议避免

  • 不要引入Paper、Bone、Ink、Ash、Pebble和Mist六种中性色之外的颜色;系统刻意保持2%色彩丰富度,任何强调色都会破坏编辑式纸张语言。
  • 不要采用box-shadow、drop-shadow或辉光;抬升来自表面色变化和边框,绝非阴影。
  • 任何元素都不要使用border-radius;所有地方均为0px,徽章、按钮和图像也不例外。
  • 背景不要设为纯白(#ffffff),文字不要设为纯黑(#000000);始终采用温暖米白(#fdfdfa)和温暖近黑(#2b2b2e)变体。
  • 不要添加粗体或半粗体进行强调;若内容需要更大视觉分量,就增加字号,并进一步收紧字间距。
  • 产品图像不要包在容器中,也不要以留白作内边距;图像应接触网格边缘和页面边缘。
  • 不要引入实色填充按钮、渐变背景或彩色徽章;折扣标签是图像上的普通文字,而非胶囊形。