OpenDesign·你的设计资产库

网页参考

Cohere

一个专注开发者工具和数据所有权的、干净高端的AI平台。

AIDeveloper ToolsCleanPremiumProduct

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

01

设计气质 DNA

AI基础设施所有权数据开发者

一个干净、高端的企业级AI技术平台。

02

色彩

#1E1E1EAccent
#000000Ink
#4B5563Ink soft
#FFFFFFBG
#F9FAFBBG soft
#9CA3AFMuted
rgba(229, 231, 235, 1.0)Line

高对比度单色方案,用微妙的灰色区分层次,并通过品牌特定色彩在插图中进行点缀。

03

字体

sans-serif · monospace

  • display56px · 400
  • headline32px · 400
  • body16px · 400
  • caption14px · 400

标题字体使用高度易读的无衬线体。 · 正文使用标准系统字体栈回退方案。 · 代码元素使用等宽字体。

04

间距

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

充裕的留白和标准的基于8pt的间距体系。

05

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

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

1px solid #E5E7EB

0px 4px 6px -1px rgba(0, 0, 0, 0.1)

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

标准的12列栅格布局,容器居中。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover状态采用平滑的过渡动画。 · 内容区域采用微妙的淡入效果。

颜色发生微妙变化或略微提升高度。 · 轻微缩放或颜色偏移。

08

组件

  • button 主操作按钮为圆角药丸形状,搭配干净的无衬线文本和高对比度背景。
  • card 圆角卡片,边框简洁,带有微妙的hover状态。
  • chip 小型圆角标签或状态指示器。
  • input 标准表单字段,边框微妙。
  • hero 大型展示字体,布局简洁,采用居中或左对齐。

09

文案语气与禁用清单

  • 语气 专业、自信,并略带技术感。
  • 标题风格 直接、有力,并聚焦于用户收益。
  • 按钮文案 以行动为导向(例如:申请演示、探索产品)。
  • 避免使用投影——设计稿展示的是搭配微妙边框的扁平化设计
  • 避免使用复杂渐变——设计稿展示的是干净的白色背景
  • 避免使用装饰性图标——设计稿展示的是极简的图标使用
  • 避免正文字体全大写——设计稿展示的是标准的句子大小写
  • 避免使用明亮的主色作为背景——设计稿展示的是白色背景上的深色文字
  • 避免标题使用衬线字体——设计稿展示的是干净的无衬线字体
  • 避免: 过度使用行话
  • 避免: 过于随意的语气
  • 避免: 表述模糊

11

System Prompt

这是一个面向开发者和企业的高端、干净的AI平台。它采用高对比度单色方案(#000000 对 #FFFFFF),搭配微妙的灰色(#4B5563、#9CA3AF)和细边框(#E5E7EB)。字体依赖于人文主义无衬线和怪诞无衬线类别,建立了从56px标题到14px注释的清晰层级。布局使用充裕的12列栅格和标准的8pt间距。关键禁忌包括:不使用投影、不使用复杂渐变、不使用装饰性图标、不使用全大写正文、不使用明亮背景、不使用衬线标题。文案风格专业且技术化,行动号召直接明确。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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