01
设计气质 DNA
实验性混乱涂鸦大胆原始
城市墙面上的混乱涂鸦壁画
02
色彩
#FF0000Ink#00FF00BGrgba(255, 0, 0, 0.1)Line霓虹绿与纯红之间的最大化色度冲突
03
字体
- display
120px · 900
小角文字使用块状等宽字体 · 大中心文字高度扭曲且重叠
04
间距
4px8px16px24px32px48px64px96px基于网格但被混乱元素视觉打破
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
分割视口的精细红色网格线
06
布局
1920container
4columns
768 / 1024breakpoints
由4x2红色网格划分的全视口画布
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
静态构图 · 网格叠加层
静态截图中未知 · 静态截图中未知
08
组件
- button 未可见
- card 未可见
- chip 未可见
- input 未可见
- hero 全屏画布,中心有一个横跨宽度的扭曲字体元素
09
文案语气与禁用清单
- 语气 攻击性
- 标题风格 混乱、扭曲、重叠
- 按钮文案 未可见
- 勿使用柔和的粉彩色调——截图显示为纯霓虹绿与红色
- 勿对主要元素使用清晰易读的字体——截图显示高度扭曲、重叠的字形
- 勿使用柔和阴影或微妙深度——截图显示扁平、高对比的平面
- 勿对元素使用圆角——截图显示基于网格的尖锐分割
- 勿对主要内容使用传统、有序的网格布局——截图显示混乱的中心元素打破网格
- 勿使用小巧、精致的装饰——截图显示大型、粗壮且具攻击性的图形元素
- 避免: 微妙
- 避免: 柔和色彩
- 避免: 传统字体排印
11
System Prompt
这是一个名为 Mediocre 的工作室的高度实验性作品集网站,以极致的视觉对比和攻击性字体排印为特征。主背景为纯霓虹绿 (#00FF00),叠加精细的红色 (#FF0000) 网格。中心特色是一个大型、混乱、涂鸦风格的红色字体元素,横跨视口。小块状等宽文字位于角落。设计拒绝微妙、柔和色彩与传统易读性。关键禁忌:避免柔和配色,避免清晰易读的主要字体,避免圆角与柔和阴影。布局为原始的全视口画布,具有突出的四列网格结构但被刻意打破。