01
设计气质 DNA
博物馆艺术美国当代展览
一本清晰、建筑感十足的展览目录被搬到了网络上。
02
色彩
#d7ff2dAccent#000000Ink#212121Ink soft#ffffffBG#949494Mutedrgba(0,0,0,1)Line高对比度单色调色板，以一种极具张力的、高色度的点缀色作为主要行动号召，且使用克制。
03
字体
- display
65px · 700 - headline
35px · 400 - body
16px · 400 - caption
15px · 400
标题频繁使用大写文本转换 · 正文大量依赖于干净、左对齐的无衬线字体 · 展示尺寸的行高相对较紧，但正文行高则保持标准
04
间距
4px8px16px24px32px48px64px96px内容块之间采用充足的垂直间距，并保持干净的水平沟槽，以维持有序、整洁的网格。
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 6px
lg · 0px
pill · 0px
清晰的 1px 实线黑色边框用于定义导航元素和主要按钮，偶尔使用 2px 变体以示强调。
rgba(0, 0, 0, 0.3) 0px 32px 68px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
一个严格、高度结构化的网格布局，带有清晰的水平规则分割线和明确的内容列。
07
动效与交互
100msmicro
100mssmall
200msmedium
ease-outeasing
交互元素上采用极快微时长的、细微的透明度和颜色过渡。
交互元素上细微的透明度变化或背景色偏移。 · 通过背景色或透明度调整获得即时的视觉反馈。
08
组件
- button 按钮被严格划分为两种主要样式：实心黑色块搭配白色大写文本，以及白色块搭配黑色边框和黑色大写文本。
- card 内容以干净、无边框的图文块呈现，由一致的水平分割线分隔。
- chip 带有细黑色边框和大写文本的简单矩形标签。
- input 带有清晰边框和简洁样式的干净矩形输入框。
- hero 一个大胆的分屏主视觉布局，一侧是巨大的字体化标志处理，另一侧是摄影或视频内容。
09
文案语气与禁用清单
- 语气 权威、清晰，且具有文化重要性。
- 标题风格 大胆、通常为大写，且描述性极强，聚焦于展览标题和主要操作。
- 按钮文案 直接、大写且高度醒目，利用鲜明的色彩对比。
- 不要使用柔和的阴影 —— 截图显示的是清晰的边框或单一的深投影
- 不要使用柔和的粉彩背景 —— 截图显示的是纯白或纯黑背景
- 不要广泛使用圆角 —— 截图显示的主要是 0px 或 2px 的尖角
- 不要使用装饰性衬线字体 —— 截图显示的完全是几何和粗体无衬线字体
- 不要使用渐变色 —— 截图显示的是平面的纯色块
- 不要隐藏大写转换 —— 截图显示频繁使用大写作为导航和行动号召
- 避免: 俏皮的语言
- 避免: 过多的形容词
- 避免: 装饰性字体
- 避免: 复杂的句子结构
10
包内真实截图
11
System Prompt
为一个当代文化机构设计一个鲜明、高对比度的编辑界面。使用纯白 (#ffffff) 背景与纯黑 (#000000) 字体以达到最大视觉冲击。采用一种明亮、高色度的点缀色，特别是酸橙绿 (#d7ff2d)，严格用于主要行动号召，如订票。字体必须依赖于几何与粗体无衬线字体类别，利用粗体大写转换来建立导航和标题的强层次结构。布局应高度结构化、干净且宽敞，采用清晰的 1px 边框和充足的留白，而非柔和阴影或圆角。保持权威、直接的语调。关键禁忌：避免使用柔和的投影（使用清晰线条），避免使用圆角（保持边缘方正），避免使用装饰性衬线字体（坚持无衬线），避免使用粉彩背景（严格保持单色调）。