Nomen Nescio

白色基底、大幅摄影展示与紧密字距。
页面以白色为基底,搭配深灰色文字。字体采用 Nomen Nescio (custom)。视觉特点包括大幅摄影展示、紧密字距、扁平表面、分屏构图。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 定制“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)变体。
- 不要添加粗体或半粗体进行强调;若内容需要更大视觉分量,就增加字号,并进一步收紧字间距。
- 产品图像不要包在容器中,也不要以留白作内边距;图像应接触网格边缘和页面边缘。
- 不要引入实色填充按钮、渐变背景或彩色徽章;折扣标签是图像上的普通文字,而非胶囊形。