OpenDesign·你的设计资产库

网页参考

Designstripe

为销售和营销团队自动化资产创建的设计代理。

SaaSAIProductivityEditorialPremium

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

AI设计营收自动化品牌

一个由AI驱动的现代设计工作室,服务于B2B团队。

02

色彩

#FFF347Accent
#2C2C26Ink
#6D6E5EInk soft
#F6F6F4BG
#979886Muted
rgba(0,0,0,0.1)Line

一套克制、温暖的中性色系,搭配高对比度排版,使用单一的明亮黄色作为功能性高亮。

03

字体

transitional-serif · monospace

  • display64px · 400

所有UI文本、导航和段落均使用等宽字体。 · 仅将过渡衬线字体用于高影响力的展示标题。 · 为大号衬线字体应用紧凑的字间距。

04

间距

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

基于8px的栅格系统,留有充裕的空白,营造简洁、编辑感的版式。

05

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

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

1px实线边框,颜色为#000000或#6D6E5E,用于按钮和结构性分隔线。

无可见阴影

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中的单栏编辑式布局,拥有宽边距和大量留白。

07

动效与交互

150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素上平滑的颜色和变换过渡。

微妙的背景颜色变化或描边高亮。 · 通过颜色或缩放提供即时的视觉反馈。

08

组件

  • button 药丸形状,配有粗黑色描边和大写等宽文本。
  • card 简单的容器,使用透明背景,以3D像素艺术作为视觉锚点。
  • chip 小号大写等宽标签,以斜杠分隔(例如,PRODUCT / TEMPLATES)。
  • input 极简设计,可能采用等宽字体和微妙的边框。
  • hero 大型衬线标题,等宽副文本,以及一个浮动的3D抽象形状。

09

文案语气与禁用清单

  • 语气 专业、直接、权威,并带有一丝现代感。
  • 标题风格 简洁、以收益为导向、视觉上厚重。
  • 按钮文案 直接的指令(JOIN WAITLIST, LEARN MORE),使用大写等宽字体。
  • 不要使用渐变背景——截图显示的是纯色温暖中性色。
  • 不要使用无衬线字体作为正文——截图显示所有UI和段落文本均使用等宽字体。
  • 不要在主要按钮上使用柔和的圆角——截图显示的是带有粗描边的药丸形状按钮。
  • 不要默认使用深色模式——截图显示的是浅色、米白色的背景。
  • 不要使用多种明亮颜色——截图显示的是受限的色板,包含黑色、灰色和单一的黄色点缀。
  • 不要使用厚重的投影——截图显示的是扁平或带有微妙描边的组件。
  • 避免: 过于随意或俏皮的语言。
  • 避免: 缺乏上下文的密集技术术语。
  • 避免: 明亮、多彩的渐变。
  • 避免: 圆润、气泡状的UI组件。
  • 避免: 用于正文的衬线字体。
  • 避免: 浅色背景上的低对比度文本。

11

System Prompt

Design stripe 是一款高端的B2B SaaS工具,专注于AI驱动的资产创建。其视觉DNA由一种鲜明的编辑式布局定义,使用温暖的米白色背景(#F6F6F4)和深炭墨色文本(#2C2C26)。排版严格分为两类:用于英雄展示的高对比度过渡衬线字体,以及用于所有其他UI元素的实用等宽字体。单一的高饱和度黄色(#FFF347)作为功能性点缀,用于高亮和进度指示器。关键约束:不要使用多种点缀色,不要使用无衬线字体作为正文,并且不要使用柔和、气泡状的组件形状。保持布局宽敞、居中,并专注于清晰的大写排版层次。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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