01
设计气质 DNA
艺术策展物件画廊奢华
一个极简的高端艺术画廊网站
02
色彩
#000000Ink#AAAAAAInk soft#FFFFFFBG#F5F5F5BG softrgba(0,0,0,1.0)Line高对比度的单色板，让摄影作品占据主导地位。
03
字体
- display
72px · 500 - h1
48px · 500 - body
15px · 400
使用 MediumLLWeb (grotesque-sans) 作为主字体 · 对导航和标签应用大写转换 · 为正文保持一致、宽松的字间距
04
间距
4px8px12px16px24px32px48px64px96px所有间距和尺寸均使用一致的 4px 基础单位
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 4px
lg · 0px
pill · 999px
1px solid #000000
0px 2px 80px 1px rgba(0,0,0,0.2)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽图像配合居中的内容块，以及顶部对齐的导航栏。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
内容加载时淡入并向上滑动 · 导航和按钮的悬停状态使用平滑过渡
交互元素上的细微颜色变化或不透明度偏移。 · 提供即时视觉反馈，无显著动画。
08
组件
- button 极简的轮廓和实心按钮，边角锐利。
- card 无边框圆角、以图像为核心的卡片，聚焦于摄影作品。
- chip 简单的、大写的文本标签，样式极其简洁。
- input 简洁的输入框，采用 1px 实线边框。
- hero 全屏摄影背景，配以居中的文字叠加层。
09
文案语气与禁用清单
- 语气 精致、克制且具有权威感。
- 标题风格 简短、有力，常采用大写形式。
- 按钮文案 直接且以行动为导向（例如，“→ 立即探索”）。
- 不要在容器或按钮上使用圆角 —— 截图显示的是锐利的方正边角。
- 不要使用多种品牌色 —— 截图显示的是严格的单色黑白配色。
- 不要使用衬线字体 —— 截图显示的是统一使用的 MediumLLWeb (grotesque-sans)。
- 不要在所有元素上使用投影 —— 截图显示仅在 cookie 设置弹窗上有一个非常大的投影。
- 不要使用局促的小间距 —— 截图显示的是充裕的内边距和清晰的视觉层次。
- 不要对导航使用小写形式 —— 截图显示“PLATFORM:”、“Shop”、“Objects”、“Artists”采用特定的混合大小写/全大写样式。
- 避免: 避免使用过多的感叹号
- 避免: 避免使用过于随意或俚语化的语言
- 避免: 避免用不必要的元素使界面显得杂乱
10
包内真实截图
11
System Prompt
这是一个高端艺术平台（platformart.com），采用极简的编辑式设计。网站使用严格的单色板，主色为黑色（#000000）和白色（#FFFFFF），辅以灰色（#AAAAAA）用于次要文本。主字体是 grotesque sans-serif (MediumLLWeb)。导航栏位于顶部，标签为大写。布局以大幅摄影图像为中心，间距充裕（4px 基础单位）。关键特性包括全屏主视觉图片、一个带投影且边角锐利的 cookie 设置弹窗，以及极简的 UI 组件。避免使用圆角、多种颜色或衬线字体。语调精致克制，行动号召直接明确。