Nornorm 网站预览
Nornorm 网站预览

Nornorm

北欧展示空间,钴蓝点睛——一个白色墙面家具展厅,其中一道深蓝色笔触穿透温暖的骨质与墨色。

Nornorm的视觉系统是一个近乎单色的北欧展示空间:白色画布上带有骨质质感,仅有一处深钴蓝作为唯一的色彩表达,搭配一款定制几何字体(Lunar),在所有尺寸下字间距紧缩至-0.03em。色彩使用极为克制——钴蓝仅出现在标志、主要行动号召按钮及激活状态,其余部分均处于灰度中。摄影承载品牌的感情张力:满幅铺陈的编辑式室内场景、温暖的皮革纹理、雕塑感的纸艺小景、以及生活化的办公空间场景完成叙事,从而让界面保持沉静。组件为扁平化、胶囊形且无边框——深钴蓝按钮旁配以深色透明描边按钮,无阴影、无渐变、无装饰,仅以充足的留白和单一强调色点缀。

查看原始网站

使用规范

建议采用

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

建议避免

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