01
设计气质 DNA
戏剧性趣味性手绘编辑设计实验性
一个异想天开的手绘戏剧季预告
02
色彩
#000000Ink#FFFFFFBGrgba(0,0,0,1)Line严格单色、高对比度、手绘线条
03
字体
- display
120px · 400
04
间距
4px8px16px24px32px48px64px96px由手绘元素定义的非对称、有机间距
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无，依赖手绘黑色轮廓
06
布局
1440container
1columns
24pxgutter
768 / 1024breakpoints
有机的手绘布局，包含重叠元素和不规则间距
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
文本链接上的细微视觉反馈 · 标准浏览器行为
08
组件
- button 简单的带下划线文本链接
- card 内部为空的手绘轮廓框
- hero 大型、不规则的手绘数字“2021 1/22”，带有一个小型建筑草图
09
文案语气与禁用清单
- 语气 趣味、友好、略带戏剧性
- 标题风格 异想天开且手绘
- 按钮文案 简单的带下划线文本链接
- 不要使用僵化的网格布局——截图显示了有机的、元素重叠的放置方式
- 不要使用明亮的强调色——截图显示了严格的黑白单色调色板
- 不要为标题使用无衬线字体——截图显示了带有趣味风格的衬线字体
- 不要使用填充按钮——截图显示了简单的带下划线文本链接
- 不要使用投影——截图显示了扁平的手绘轮廓
- 不要使用干净的矢量图标——截图显示了松散的手绘草图
- 避免: 企业术语
- 避免: 正式僵化的语言
- 避免: 过于复杂的UI模式
11
System Prompt
这是一个用于戏剧季预告的实验性手绘编辑设计网站。其视觉DNA由严格的单色调色板（白色#FFFFFF上的黑色墨水#000000）、趣味的过渡衬线字体以及由松散、重叠的手绘元素而非僵化网格驱动的布局所定义。关键元素包括大型有机展示数字、简单的文本链接和草图风格的插图。关键注意事项：不要使用严格的网格；布局有意设计成不规则的。不要使用明亮的强调色；设计完全依赖黑色线条。不要使用干净的矢量图形；美学是有意为之的粗糙和手绘风格。