OpenDesign·你的设计资产库

网页参考

Knoll

高端家具品牌着陆页,清晰区分家居与办公场景

FurnitureDesign
Knoll 网站截图

01

设计气质 DNA

家具设计家居办公高端

高端家具展厅入口

02

色彩

#E84E1BAccent
#000000Ink
#333333Ink soft
#FFFFFFBG
#F9F7F5BG soft
rgba(0,0,0,0.1)Line

纯净的白色基底,搭配温暖的米白色强调和醒目的橙色品牌高光

03

字体

geometric-sans · humanist-sans

  • display50px · 500
  • heading24px · 500
  • body16px · 400
  • small13px · 400

几何无衬线体用于展示/标题 · 人文无衬线体用于正文 · 展示与正文字重形成高对比度

04

间距

4px
8px
12px
16px
20px
24px
32px
40px
48px
64px
96px

充足的留白,栏间保持40px间距

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

极简边框,依靠间距和对比度进行区分

06

布局

1280container
12columns
40pxgutter
768 / 1024breakpoints

双栏布局,包含大幅图像和充足的内边距

07

动效与交互

220msmicro
300mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

悬停状态采用淡入淡出过渡

交互元素背景颜色过渡 · 所有交互元素使用指针光标

08

组件

  • button 深色矩形,白色文字配箭头图标
  • card 图像搭配下方标题和描述,无可见边框
  • hero 大标题,下方为分割式图像面板

09

文案语气与禁用清单

  • 语气 专业、亲切且聚焦设计
  • 标题风格 直接提问和清晰的价值主张
  • 按钮文案 行动导向,配箭头指示
  • 避免使用装饰性元素——截图显示设计干净、极简
  • 避免使用圆角——截图显示元素为尖锐、矩形
  • 避免使用多种强调色——截图仅显示橙色品牌色
  • 避免使用阴影或深度效果——截图显示扁平化设计
  • 避免使用复杂字体——截图显示简洁、易读的字体
  • 避免使用杂乱背景——截图显示纯白和米白色背景
  • 避免: 随意语言
  • 避免: 过度装饰
  • 避免: 复杂术语

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

高端家具品牌着陆页,采用干净、极简设计。关键颜色:白色(#FFFFFF)、米白色(#F9F7F5)、黑色(#000000)、深灰色(#333333)和橙色强调色(#E84E1B)。字体类别:展示用几何无衬线体,正文用人文无衬线体。关键禁忌:避免装饰性元素、不使用圆角、不使用多种强调色、不使用阴影或深度效果、不使用复杂字体、不使用杂乱背景。设计强调高品质摄影,配合充足留白和清晰的视觉层次。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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