01
设计气质 DNA
前卫当代艺术文化机构大胆颠覆性
用于机构实验的侵略性酸橙绿色画布。
02
色彩
#BEFF00Accent#0A4B50Ink#E5E7EBMutedrgba(10, 75, 80, 1)Line高电压酸性绿搭配深青色,创造最大视觉张力。
03
字体
- display
72px · 700 - h1
56px · 700 - body
16px · 400 - small
14px · 400
仅将展示字体(Neographik)用于超大章节标题和标识。 · 将正文字体(Akkurat)用于导航、活动详情和标准文案。 · 在展示文本上保持紧凑的负字间距,营造密集、建筑感的气质。
04
间距
4px8px12px16px24px32px40px48px96px120px围绕超大字体和图像区块留有充裕的留白,让大胆的色彩得以呼吸。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 6px
lg · 9999px
pill · 9999px
极少使用边框;色块通过纯色背景过渡来界定。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全宽色块,内含用于活动和视频卡片的4列网格布局。
07
动效与交互
100msmicro
220mssmall
400msmedium
cubic-bezier(0, 0, 0.2, 1)easing
色彩和背景变化的平滑过渡。 · 交互元素的微妙透明度淡变。 · 图像揭示的clip-path动画。
导航链接上的色彩变化和交互元素上的微妙透明度改变。 · 通过平滑微交互提供即时视觉反馈。
08
组件
- button 用于主要操作(如购票)的高对比度深青色胶囊形按钮。
- card 用于活动和视频的简洁图文网格卡片,无可见容器。
- chip 用于活动分类(如社区、工作坊)的小号大写文字标签。
- input 集成在顶部导航栏中的极简搜索功能。
- hero 全出血背景视频或图像,上覆超大、充满屏幕的字体。
09
文案语气与禁用清单
- 语气 大胆、前卫且具有文化自信。
- 标题风格 简短、有力、全大写的展示文本,要求引人注目。
- 按钮文案 直接且可操作,常使用单词如“购票”。
- 不要使用柔和或粉彩色——截图显示充满活力的酸性绿(#BEFF00)作为主要品牌色。
- 不要使用标准的衬线字体排印——截图显示粗体、全大写的无衬线展示字体。
- 不要使用微妙的背景纹理或渐变——截图显示纯色、扁平的色块。
- 不要使用厚重的投影或3D效果——截图显示扁平、图形化的构图。
- 不要使用标准的左对齐、小边距文本——截图显示打破标准网格边界的超大文本覆盖。
- 不要使用复杂的容器边框——截图显示各色块之间清晰、无边框的分隔。
- 避免: 不要使用传统衬线字体。
- 避免: 不要使用柔和的粉彩色或微妙的渐变。
- 避免: 不要在大容器上使用圆角。
10
包内真实截图















11
System Prompt
设计一个大胆的当代文化机构网站。使用高电压酸性绿(#BEFF00)作为主要背景,深青色(#0A4B50)用于主要文本和深色区块。字体排印必须为粗体、全大写的无衬线展示字体,具有紧凑的字间距,搭配干净的几何无衬线字体用于正文。布局应为全出血且基于网格,特征是在高品质摄影或视频上覆盖超大文本。关键:切勿使用微妙色彩或传统衬线字体;避免圆角容器和投影;确保文本大、粗、毫不妥协。
