OpenDesign·你的设计资产库

网页参考

Nornorm

一个为循环办公家具订阅服务打造的、简洁高端的社论式网站。

PremiumEditorialCleanProductPhotographic

封面待补录,可通过原站查看设计。

01

设计气质 DNA

循环家具订阅服务现代办公可持续性B2B

一个融合斯堪的纳维亚极简主义与专业B2B平台的高端家具订阅服务。

02

色彩

#1E37A0Accent
#141414Ink
#6A6A6AInk soft
#FFFFFFBG
#ECF0EABG quiet
rgba(0,0,0,0.1)Line

以纯净白色为背景,搭配深炭灰色文字,并使用单一权威的蓝色作为主要操作的点缀色。

03

字体

geometric-sans · monospace

  • display64px · 400
  • display-sm48px · 400
  • body16px · 400

大号展示标题使用紧凑的字间距 · 严格遵循字重层级,主文本使用400字重

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

基于4px的网格系统,配合充足的留白,以维持高端、透气的布局感。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

极简使用,仅在分隔确有必要时,才采用细微的1px边框。

rgba(0, 0, 0, 0.15) 0px 0px 15px 0px · rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽摄影主视觉区域,后接居中、克制的内嵌内容块。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

交互状态采用平滑的透明度与背景色过渡 · 悬停效果使用变换动画

在0.2秒至0.3秒内,进行细微的背景色或文字颜色变化。 · 通过背景色过渡提供即时视觉反馈。

08

组件

  • button 主要操作使用实心蓝色圆角矩形,次要操作使用透明带边框样式。
  • card 简洁的容器,边框极少,依靠留白来界定区域。
  • chip 不突出显示;标准文本链接用于次级导航。
  • input 简洁、极简的输入框,采用细微的底部边框。
  • hero 全出血摄影背景,上层叠加大量、紧凑排版的字体。

09

文案语气与禁用清单

  • 语气 专业、权威、极简。
  • 标题风格 使用紧凑字间距和大号字体,呈现大胆、引人思考的陈述。
  • 按钮文案 直接且以行动为导向(例如:'预约会议')。
  • 不要使用复杂、多彩的配色方案——截图显示的是克制的白、黑、蓝方案。
  • 不要为标题使用装饰性或衬线字体——截图显示的是简洁的几何无衬线体。
  • 不要为所有元素添加浓重的投影——截图显示仅在特定叠加层(如Cookie横幅)上使用阴影。
  • 不要为主要按钮使用过大的圆角——截图显示按钮的圆角半径为8px。
  • 不要在导航栏中堆砌过多链接——截图显示的是简洁的水平顶部导航。
  • 不要使用激进、花哨的动画——截图显示的是细微、专业的过渡效果。
  • 避免: 杂乱的布局
  • 避免: 刺眼的配色
  • 避免: 装饰性字体

11

System Prompt

NORNORM 是一个高端的B2B循环家具订阅服务。其设计DNA以高对比度的极简美学为特征,使用主要的蓝色(#1E37A0)作为点缀色,背景为纯净的白色(#FFFFFF)。字体采用简洁的几何无衬线体(Lunar/Inter),大号展示标题使用紧凑的字间距,以传达权威感与现代感。关键约束包括:避免使用装饰性字体,保持充足的留白以防止拥挤感,仅为模态框等分层元素使用细微阴影。布局依赖全出血摄影主视觉区域,以营造高端、社论式的氛围。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。