精选 · 开放 · 免费
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
- display
64px · 400 - displaySm
48px · 400 - body
16px · 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 技能 ↗
en · zh-CN · zh-TW · ja · ko