精选 · 开放 · 免费
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
所有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 技能 ↗
en · zh-CN · zh-TW · ja · ko