精选 · 开放 · 免费

Platformart

一个高端艺术平台，以简洁的编辑式设计，展示策展的物件与艺术家。

01

设计气质 DNA

一个极简的高端艺术画廊网站

02

色彩

高对比度的单色板，让摄影作品占据主导地位。

03

字体

grotesque-sans

• display72px · 500
• h148px · 500
• body15px · 400

使用 MediumLLWeb (grotesque-sans) 作为主字体 · 对导航和标签应用大写转换 · 为正文保持一致、宽松的字间距

04

间距

所有间距和尺寸均使用一致的 4px 基础单位

05

表面 (圆角 / 阴影 / 边线)

1px solid #000000

0px 2px 80px 1px rgba(0,0,0,0.2)

06

布局

全宽图像配合居中的内容块，以及顶部对齐的导航栏。

07

动效与交互

内容加载时淡入并向上滑动 · 导航和按钮的悬停状态使用平滑过渡

交互元素上的细微颜色变化或不透明度偏移。 · 提供即时视觉反馈，无显著动画。

08

组件

• button 极简的轮廓和实心按钮，边角锐利。
• card 无边框圆角、以图像为核心的卡片，聚焦于摄影作品。
• chip 简单的、大写的文本标签，样式极其简洁。
• input 简洁的输入框，采用 1px 实线边框。
• hero 全屏摄影背景，配以居中的文字叠加层。

09

文案语气与禁用清单

• 语气 精致、克制且具有权威感。
• 标题风格 简短、有力，常采用大写形式。
• 按钮文案 直接且以行动为导向（例如，“→ 立即探索”）。

• 不要在容器或按钮上使用圆角 —— 截图显示的是锐利的方正边角。
• 不要使用多种品牌色 —— 截图显示的是严格的单色黑白配色。
• 不要使用衬线字体 —— 截图显示的是统一使用的 MediumLLWeb (grotesque-sans)。
• 不要在所有元素上使用投影 —— 截图显示仅在 cookie 设置弹窗上有一个非常大的投影。
• 不要使用局促的小间距 —— 截图显示的是充裕的内边距和清晰的视觉层次。
• 不要对导航使用小写形式 —— 截图显示“PLATFORM:”、“Shop”、“Objects”、“Artists”采用特定的混合大小写/全大写样式。
• 避免: 避免使用过多的感叹号
• 避免: 避免使用过于随意或俚语化的语言
• 避免: 避免用不必要的元素使界面显得杂乱

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko