精选 · 开放 · 免费

Rijksmuseum

一个高端文化遗产网站，通过高冲击力的摄影和大胆的排版品牌展示古典艺术。

01

设计气质 DNA

一个享有盛誉的国家级美术馆入口。

02

色彩

高对比度的单色调搭配单一暖色点缀，依靠摄影叠加层提供视觉丰富性。

03

字体

humanist-sans

• display120px · 700
• headline24px · 700
• body17px · 400

导航和章节标签使用大写字母 · 标题和主要操作使用粗体

04

间距

容器内部使用充足的内边距，让摄影图片得以呼吸。

05

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

极简，通常在表单元素或细微分隔线上使用1px实线边框。

06

布局

全出血的主视觉部分带有叠加的排版，过渡到结构化的内容网格。

07

动效与交互

悬停时微妙的背景尺寸过渡 · 内容加载时的淡入淡出 · 交互状态的平滑颜色过渡

背景颜色过渡和轻微的背景尺寸缩放。 · 即时的视觉反馈。

08

组件

• button 实色块背景搭配大写文字，直角或微圆角。
• card 以图片为主，文字直接叠加在摄影图上。
• chip 小型大写标签，实色背景。
• input 极简的下划线或浅色边框输入框。
• hero 巨大的全宽度摄影图，叠加大型排版品牌标识。

09

文案语气与禁用清单

• 语气 权威、优雅且引人入胜。
• 标题风格 直接且有冲击力，常使用大写。
• 按钮文案 面向行动、大写且高度可见。

• 不要使用俏皮或圆润的字体——截图显示的是结构化的无衬线人文主义字体。
• 不要使用多色彩调色板——截图显示的是由白色、黑色和单一橙色点缀组成的克制调色板。
• 不要使用装饰性边框或复杂阴影——截图显示的是扁平、整洁的表面风格。
• 不要使用小而紧凑的排版——截图显示的是大而清晰的字体，带有充足的间距。
• 不要使用抽象图案——截图显示高质量的摄影图像是主要的视觉元素。
• 不要在导航中使用小写字母——截图显示的是大写的导航链接。
• 避免: 俚语
• 避免: 过于随意的措辞
• 避免: 复杂的学术术语

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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