01
设计气质 DNA
编辑野兽派实验性作品集致敬
一间野兽派艺术画廊或实验性时尚杂志的跨页。
02
色彩
#00FB34Accent#000000Ink#FFFFFFBG#AAA4A4Mutedrgba(0,0,0,1)Line以黑白为主导的高对比度色板,以单一、醒目的霓虹绿作为强调色。
03
字体
- display
180px · 400 - headline
96px · 700 - subhead
72px · 700 - title
48px · 700 - body-large
20px · 400 - body
16px · 400
所有展示性及大标题文字使用 Offwhite 字体。 · 正文及小号文字使用 Times New Roman 字体。 · 展示性文字需保持紧凑的行高。
04
间距
4px8px16px24px32px48px64px96px不规则且混乱,由重叠的图像和文字块驱动。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
06
布局
12columns
768 / 1024breakpoints
混乱、非线性的网格,由重叠的图像和文字块构成。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
元素在滚动或加载时的平滑淡入和变形过渡。
光标在交互元素上变为指针。 · 静态截图中不可见。
08
组件
- button 右上角的黄色汉堡菜单图标。
- card 无;布局是连续的拼贴。
- chip 无。
- input 无。
- hero 由重复的人像、大型碎片化绿色文字和图形形状构成的密集、重叠的拼贴。
09
文案语气与禁用清单
- 语气 实验性、大胆、非线性且概念化。
- 标题风格 大型、碎片化,并与图形元素融合。
- 按钮文案 极简主义且基于图标(黄色汉堡菜单)。
- 不要使用干净、有序的网格——截图显示的是混乱的、重叠的图像和文字拼贴。
- 不要使用无衬线字体作为正文——截图显示所有正文都使用了 Times New Roman。
- 不要使用微妙或柔和的色彩——截图显示的是高对比度色板,并以霓虹绿为主导强调色。
- 不要在主要元素上使用圆角——截图显示所有图像和形状都是锐利的矩形边缘。
- 不要使用传统的基于组件的布局——截图显示的是连续的、非线性的内容流。
- 不要使用轻盈或活泼的字体——截图显示的是粗体、厚重且有时碎片化的展示字体。
- 避免: 正式语言
- 避免: 传统网格布局
- 避免: 微妙的色板
- 避免: 无衬线正文字体
11
System Prompt
这是一个实验性的野兽派编辑作品集网站。其特点是混乱、重叠的重复摄影人像拼贴,以及大胆、碎片化的文字。色彩板是鲜明的高对比度,使用黑白作为主要的背景和文字颜色,单一、醒目的霓虹绿(#00FB34)作为唯一的强调色。字体依赖于名为“Offwhite”的自定义展示字体用于大标题,以及 Times New Roman 用于正文,形成强烈的反差。布局是非线性的,打破了传统的网格系统。关键设计约束:不要使用干净的网格;截图显示的是混乱的重叠。不要使用无衬线正文字体;截图使用的是 Times New Roman。不要使用柔和或微妙的色彩;截图以高对比度和霓虹绿为定义。不要使用圆角;截图显示的是锐利的边缘。不要使用传统的组件结构;截图显示的是连续的拼贴。不要使用轻盈或活泼的字体;截图使用的是粗体、厚重的字体。
