OpenDesign·你的设计资产库

网页参考

Yinkailori

为一家设计工作室打造的大胆、高对比度且俏皮的视觉形象。

StudioPortfolioExpressiveBold TypographyGallery

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

01

设计气质 DNA

俏皮鲜艳几何大胆艺术

一张充满活力的画廊展览海报

02

色彩

#1F9A2BAccent
#FFFFFFInk
#F68FB3BG
rgba(0,0,0,0)Line

以粉色、绿色和橙色为主的高饱和度、高对比度配色方案。

03

字体

geometric-sans · humanist-sans

  • display120px · 800

展示字体为超粗体、白色、大写。 · 导航文字为小号、大写、白色。 · 字体被用作结构化的图形元素。

04

间距

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

由背景图形定义的基于图案的节奏。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

无可见边框;设计依赖颜色对比和形状。

06

布局

1440container
768 / 1024breakpoints

全视口主视觉,包含居中标题和叠加导航。

07

动效与交互

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

静态视图不可见。 · 静态视图不可见。

08

组件

  • button 此视图不可见。
  • card 此视图不可见。
  • chip 此视图不可见。
  • input 此视图不可见。
  • hero 全屏主视觉,在动态、重复的几何背景上,采用大胆、居中的字体处理。

09

文案语气与禁用清单

  • 语气 自信、俏皮且富有艺术感。
  • 标题风格 粗体、图形化、陈述式。
  • 按钮文案 极简,使用小号大写文字进行导航。
  • 不要使用柔和或中性的配色方案 —— 截图显示了高饱和度的粉色、橙色和绿色。
  • 不要使用纤细或轻盈的字体粗细 —— 截图显示了超粗体、厚重的展示字体。
  • 不要将小文本放置在主视觉区域的中心 —— 截图显示了巨大的、居中的字体。
  • 不要在主视觉区域使用写实摄影 —— 截图显示了风格化的几何图案。
  • 不要使用深色背景 —— 截图显示了明亮的粉色背景。
  • 不要在主要表面上使用微妙的阴影或圆角 —— 截图使用了平面、硬边的形状。
  • 避免: 避免使用微妙或柔和的配色方案。
  • 避免: 避免使用纤细或精致的字体。
  • 避免: 避免使用带有大量留白的复杂网格布局。
  • 避免: 避免使用传统的企业美学。
  • 避免: 避免使用小巧、不显眼的主视觉区域。
  • 避免: 避免使用通用的库存照片。

11

System Prompt

为一个设计工作室作品集打造的大胆且俏皮的视觉系统。该形象由高饱和度、高对比度的配色方案定义,其中以粉色(#F68FB3)、绿色(#1F9A2B)和橙色(#F26D21)为主,并应用于几何图案。字体为超粗体且几何感强,被用作主要的图形元素。关键限制:绝不使用柔和的配色,避免纤细的字体粗细,并且不要将小文本置于大型背景图案的中心。这是一个为创意工作室打造的高冲击力、富有表现力的设计。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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