精选 · 开放 · 免费

Louisiana

一个精致而平静的博物馆网站，强调排版与留白。

01

设计气质 DNA

一个宁静的现代艺术画廊入口

02

色彩

内容采用鲜明、高对比的黑白配色，并以平静的水青色作为点缀。

03

字体

transitional-serif · humanist-sans

• display36px · 700

标题使用粗体过渡衬线字体，营造经典、权威感。 · 正文和界面文字使用 Open Sans，呈现简洁的人文主义风格。

04

间距

采用宽大的垂直韵律，上下留有充裕的内边距，以营造平静和专注感。

05

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

主内容区域无可见边框，保持平面、简洁的美学。

06

布局

内容居中置于宽大的容器内，并过渡至全出血的色块区域。

07

动效与交互

交互元素在悬停状态下的过渡动画。

交互元素上微妙的状态变化。 · 标准的导航和内容区域展开。

08

组件

• button 简单的文本交互元素，通常带有用于展开的 chevron 图标。
• card 极简主义卡片，主要通过文字和间距来定义。
• chip 未观察到。
• input 未观察到。
• hero 一个宽大的全出血色块，带有纯色背景和巨大、粗体的衬线字体排版。

09

文案语气与禁用清单

• 语气 信息丰富、富有文化感且略带正式。
• 标题风格 粗体、全大写的大号衬线文字，以吸引注意力。
• 按钮文案 含蓄的、内嵌式的文本链接，而非突出的按钮。

• 不要使用明亮、饱和的颜色——截图显示的是由黑、白和柔和青色构成的克制调色板。
• 不要为元素添加圆角——截图显示的是边缘锐利的严格矩形形状。
• 不要为正文使用多种字体家族——截图显示界面元素一致地使用无衬线字体。
• 不要创建密集、杂乱的布局——截图强调了充足的留白和专注的排版。
• 不要使用沉重的投影或景深效果——截图展示的是平面、简洁的设计。
• 不要为主要内容标题使用无衬线字体——截图显示的是粗体过渡衬线字体。
• 避免: 刺眼的颜色
• 避免: 激进的行动号召
• 避免: 视觉杂乱

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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