精选 · 开放 · 免费

Lauramonin

为时装与纺织设计师打造的、以照片为驱动的极简主义作品集。

01

设计气质 DNA

为时装设计师最新系列策展的画廊墙面

02

色彩

高对比度的单色基底，让摄影作品占据主导地位。

03

字体

transitional-serif · grotesque-sans

• display158px · 400
• heading14px · 400
• body12px · 400

大型、富有表现力的项目标题使用衬线字体。 · 所有功能性和导航性文本使用无衬线字体。 · 小型标签和导航链接应用大写转换。

04

间距

各部分之间留有充足的垂直内边距，营造出通透、从容不迫的氛围。

05

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

无可见边框；通过充足的空白和叠加的图像构图实现分隔。

06

布局

自由形式的图像叠加网格，中心设有一个大型标题元素。导航置于顶部边缘。

07

动效与交互

缓慢、平滑的页面过渡与元素入场

交互元素上细微的不透明度或变换效果。 · 标准链接导航。

08

组件

• button 无独立按钮组件；导航基于文本链接。
• card 图像作为主要内容单元，以拼贴风格叠加排列。
• chip 无可见元素。
• input 无可见元素。
• hero 由叠加照片构成的动态构图，配有居中放置的大型标题。

09

文案语气与禁用清单

• 语气 精致、艺术化、含蓄内敛。
• 标题风格 大型、富有表现力的衬线体标题，与无衬线体正文形成对比。
• 按钮文案 简洁、无装饰的文本链接，通常为大写。

• 勿使用带有可见边框或卡片的网格——截图显示的是叠加的自由拼贴形式。
• 勿使用多种强调色——截图显示文本和 UI 采用严格的单色调色板。
• 勿对标题使用粗体无衬线字体——截图使用精致的衬线体作为展示排版。
• 勿为图像添加投影——截图使用扁平的叠加照片。
• 勿用众多 UI 元素使界面显得杂乱——截图显示大量空白和最少的控件。
• 勿使用粗重的边框或分隔线——截图依赖间距和叠加来构建视觉层次。
• 避免: 醒目的行动号召按钮
• 避免: 装饰性图标
• 避免: 杂乱的界面

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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