OpenDesign·你的设计资产库

网页参考

Enter Support De

为IT支持公司设计的克制型商业标识，采用几何插画与柔和、宁静的配色。

HardwareCalmRestraintEditorialGeometric
Enter Support De 网站截图

01

设计气质 DNA

科技可靠平静支持B2B

整洁有序的车间，或宁静的企业大堂。

02

色彩

#ff5000Accent
#000000Ink
#282828Ink soft
#c4dbd8BG
#f9f8eaBG soft
rgba(0,0,0,0)Line

柔和的主背景搭配高饱和度的点缀色与深色界面元素。

03

字体

grotesque-sans · monospace

  • display28px · 400
  • body16px · 400

等宽字体用于技术标注或特定界面元素。 · 保持清晰、从容的排版节奏。

04

间距

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

内容块使用充裕的内边距（例如 130px 100px 180px）

05

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

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

未观察到边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽色块过渡至白色内容区域。

07

动效与交互

100msmicro
300mssmall
800msmedium
cubic-bezier(0.1, 2.5, 0.5, 1)easing

几何元素的弹性变换动画。 · 较长结构变化的线性时长动画。

界面元素的颜色过渡。 · 交互元素的弹性变换。

08

组件

  • button 深色背景搭配白色文字，圆角（15px半径）。
  • card 未观察到卡片组件。
  • chip 未观察到标签组件。
  • input 未观察到输入框组件。
  • hero 全宽色块区域，包含抽象几何插画与精简文字。

09

文案语气与禁用清单

  • 语气 专业、平静、令人安心。
  • 标题风格 简洁的陈述句式（德语）。
  • 按钮文案 直接且功能性强。
  • 避免使用投影——截图显示为完全扁平化的界面。
  • 避免使用投影——截图显示为完全扁平化的界面。
  • 避免使用投影——截图显示为完全扁平化的界面。
  • 避免使用复杂渐变——截图显示为纯色块。
  • 避免使用装饰性衬线字体——截图显示为纯无衬线体与等宽字体排版。
  • 避免使用高饱和度的攻击性背景色——截图采用柔和的青灰色。
  • 避免: 营销夸张
  • 避免: 攻击性语言
  • 避免: 脱离上下文的复杂术语

10

包内真实截图

Enter Support De — 桌面首屏（hero）
桌面首屏（hero）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Enter Support De — 移动首屏
移动首屏

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

11

System Prompt

为B2B IT支持公司设计一个平静、可靠的界面。使用柔和的青灰色（#c4dbd8）作为主背景，白色内容区域（#f9f8ea），以及深色界面元素（#282828）。点缀使用鲜明的橙色（#ff5000）。字体采用清晰的无衬线体用于展示/正文，等宽字体用于特定技术元素。避免投影、渐变和攻击性营销语言。使用充裕的间距与简洁的几何插画来传达可靠感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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