精选 · 开放 · 免费

Neutra Vdl

为历史建筑地标呈现的宁静编辑式展示。

01

设计气质 DNA

一本中世纪建筑专著搬上网络。

02

色彩

高对比度、近乎单色的配色方案，采用温暖的米白色背景和近乎黑色的墨色。

03

字体

grotesque-sans · monospace

• display67px · 400
• body18px · 400
• caption12px · 400

04

间距

通过一致的行高和文本块之间的垂直边距来维持垂直节奏。

05

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

使用细实线分隔内容块，链接和导航元素使用下划线。

06

布局

宽敞、基于网格的布局，包含大型排版元素和大量留白。

07

动效与交互

淡入 · 透明度变化

交互式文本元素上的微妙透明度或颜色变化。 · 所有可点击元素使用标准指针光标。

08

组件

• button 无可见背景或边框的文本链接。
• card 由细水平线分隔的内容块。
• chip 无
• input 无
• hero 大型、有冲击力的排版标题，带有清晰的水平线。

09

文案语气与禁用清单

• 语气 教育性、精致且专业。
• 标题风格 直接且基于事实，使用大型、字距紧密的排版。
• 按钮文案 低调的文本链接，无缝融入布局。

• 不要使用圆角——截图显示严格的直线、锐边布局。
• 不要使用投影——截图显示扁平的二维元素，无深度效果。
• 不要使用主色调——截图显示单色配色，无单一主导色调。
• 不要使用居中布局——截图显示左对齐的文本和元素。
• 不要使用密集的多列文本——截图显示宽阔的页边距和清晰的块间分隔。
• 不要使用装饰性边框——截图仅显示简单、功能性的水平线。
• 避免: 俏皮语言
• 避免: 明亮色彩
• 避免: 装饰性元素

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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