精选 · 开放 · 免费

Designstripe

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

SaaSAIProductivityEditorialPremium
Designstripe 网站截图
在 OpenDesign 中打开

原站: https://designstripe.com

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

组件

09

文案语气与禁用清单

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