01
设计气质 DNA
俏皮鲜艳几何大胆艺术
一张充满活力的画廊展览海报
02
色彩
#1F9A2BAccent#FFFFFFInk#F68FB3BGrgba(0,0,0,0)Line以粉色、绿色和橙色为主的高饱和度、高对比度配色方案。
03
字体
- display
120px · 800
展示字体为超粗体、白色、大写。 · 导航文字为小号、大写、白色。 · 字体被用作结构化的图形元素。
04
间距
4px8px16px24px32px48px64px96px由背景图形定义的基于图案的节奏。
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)为主,并应用于几何图案。字体为超粗体且几何感强,被用作主要的图形元素。关键限制:绝不使用柔和的配色,避免纤细的字体粗细,并且不要将小文本置于大型背景图案的中心。这是一个为创意工作室打造的高冲击力、富有表现力的设计。