精选 · 开放 · 免费

Dmitrkutsenko

为时尚摄影师作品集设计的、简洁有力的排版式开篇。

01

设计气质 DNA

一个昏暗的画廊入口，宣告艺术家的到来。

02

色彩

高对比度单色方案，确保摄影内容成为视觉焦点。

03

字体

geometric-sans

• display75px · 400
• body14px · 400

展示文字采用大写形式，字距收紧。 · 导航和界面元素的正文也设置为大写。

04

间距

4像素基础单元网格。

05

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

无可见的结构边框；依赖间距和颜色对比。

06

布局

全出血主视觉区，配合最小化、边缘对齐的导航。

07

动效与交互

交互元素上细微的颜色过渡。 · 隐含的滚动驱动或点击触发的内容显现。

细微的背景颜色或文字颜色过渡。 · 触发内容过渡或导航。

08

组件

• button 纯文本触发器，通常带有细微的 hover 颜色过渡。
• card 在当前视图中未见。
• chip 在当前视图中未见。
• input 在当前视图中未见。
• hero 大型、大写的排版式陈述，锚定在左下角。

09

文案语气与禁用清单

• 语气 权威、极简、直接。
• 标题风格 全大写、紧缩字距、陈述驱动。
• 按钮文案 小型、低调、指示性。

• 不要使用渐变或复杂的背景图案——截图显示的是纯色、深色的平面背景。
• 不要在主要元素上使用圆角——截图显示的是锐利的边缘，仅徽章使用全圆角。
• 不要为展示文字使用粗体字重——截图显示所有文本统一使用400（常规）字重。
• 不要使用高饱和度的强调色——截图显示的是严格的单色方案。
• 不要将主标题居中对齐——截图显示的是严格的左对齐，锚定在左下角。
• 不要对导航使用标准的句首大写——截图显示菜单和 CTA 元素均为大写。
• 避免: 装饰性元素
• 避免: 繁杂的背景
• 避免: 拥挤的导航

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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