精选 · 开放 · 免费

Godly

一个旨在展示网页设计灵感的极简、高端策展画廊。

01

设计气质 DNA

一个纯净、广阔的艺术画廊空间，唯有艺术品本身是焦点。

02

色彩

严格的单色调色板，作为多样化策展内容的色彩中性框架。

03

字体

humanist-sans

• display56px · 500
• h232px · 500
• body16px · 400
• caption14px · 400

所有文本使用 Inter 字体，辅以轻微的负字间距。 · 标题使用 500 字重，呈现半粗体效果。 · 正文保持宽松的 1.5 行高，确保可读性。

04

间距

充裕的留白与一致的内边距营造出整洁、透气的节奏感。

05

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

1px solid rgba(0, 0, 0, 0.05)

0px 10px 15px -3px rgba(0, 0, 0, 0.1) · 0px 4px 6px -4px rgba(0, 0, 0, 0.1)

06

布局

英雄区域采用居中单栏布局，平滑过渡至密集、对称的马赛克式内容卡片网格。

07

动效与交互

悬停时细微的透明度渐变 · 交互元素的平滑背景色过渡 · 按钮与卡片的细微缩放变换

透明度或背景色的细微变化，过渡时长 150 毫秒。 · 通过轻微的缩放变换提供即时视觉反馈。

08

组件

• button 主要操作按钮为纯黑背景的胶囊形；次要操作按钮采用细腻的无边框样式。
• card 简洁、无边框的矩形卡片，优先展示大幅视觉缩略图，搭配极简文本。
• chip 用于导航或元数据的小型胶囊形文本指示器。
• input 极简的无边框输入框，与背景融为一体。
• hero 巨大的垂直居中标题，配有闪电图标，搭配突出显眼的大型胶囊形行动号召按钮。

09

文案语气与禁用清单

• 语气 自信、简洁且充满向往。
• 标题风格 短小精悍、高度易读的陈述，强调品质与灵感。
• 按钮文案 直接且行动导向，使用简单动词和符号，如「订阅 +」。

• 不要在卡片上使用投影 —— 截图显示的是完全扁平、无边框的图片卡片。
• 不要为标题使用衬线字体 —— 截图显示整体使用简洁的人文主义无衬线字体。
• 不要使用复杂、多色的 UI 界面元素 —— 截图显示的是严格的黑白单色界面。
• 不要为主要按钮使用尖锐的 90 度直角 —— 截图显示的是完全圆润的胶囊形按钮。
• 不要使用过多的正文内边距或过紧的行间距 —— 截图显示的是充裕的留白和宽松的 1.5 行高。
• 不要使用花哨的渐变或装饰性背景 —— 截图显示的是纯白背景，让内容自由呼吸。
• 避免: 过多的感叹号
• 避免: 复杂的技术术语
• 避免: 主要区域中冗长密集的段落

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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