Nornorm 网站预览
Nornorm 网站预览

Nornorm

白色基底、摄影展示与扁平表面。

页面以白色为基底,搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Lunar。视觉特点包括摄影展示、扁平表面、网格布局、宽松留白。适合参考的场景:建筑作品集、空间项目展示页。

查看原始网站

使用规范

建议采用

  • 在所有尺寸下使用Lunar字体,字间距保持-0.03em——这种通用的字间距是品牌的字体特征,非可选项
  • 仅将钴蓝墨水(#1e37a0)用于标志文字、主要填充式行动号召按钮及激活状态——绝不作为背景填充、图标颜色或装饰性强调色使用
  • 每个主要行动号召按钮旁必须配一个透明描边按钮:二者组合是系统的标准转化单元
  • 所有按钮、标签及胶囊控件使用9999px半径——系统中不存在其他圆角替代方案
  • 无图片的卡片和内容容器使用8px半径;摄影内容保持锐利的0px边框,使图像呈现为满幅编辑式内容
  • 区块背景仅使用Canvas白(#ffffff)和骨色(#f1efe9)构建——绝不引入新的色调
  • 文本与相邻控件之间间距为16px或24px;堆叠文本块之间间距为48px;区块之间间距为80px

建议避免

  • 不可引入第二处色彩——系统的权威性来自单一强调色与单色背景的对比
  • 不可在卡片、按钮或弹窗上使用阴影、光晕或任何边框阴影——系统刻意保持扁平化
  • 不可使用填充中性色按钮(灰、黑或骨色)作为主要操作——唯一填充的按钮是白色背景上的钴蓝墨水
  • 任何字号下都不要打破-0.03em字间距,包括正文与图注;更宽松的字间距会让它看起来像另一款字体。
  • 不可为特色卡片、图片容器或区块分隔条添加边框——温暖的白到骨色对比已实现分隔效果
  • 不可在背景、按钮或文本上使用渐变——该调色板无渐变色值,添加渐变将破坏北欧风格的克制感
  • 不可对大尺寸照片、首屏图片或画廊图片进行圆角处理——编辑类内容保持锐利边框,以与胶囊形UI控件形成对比