OpenDesign·你的设计资产库

网页参考

Lauramonin

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

EditorialPhotographicCleanGalleryPremium
Lauramonin 网站截图

01

设计气质 DNA

时装纺织作品集编辑设计

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

02

色彩

#000000Ink
#FFFFFFBG
#666666Muted
rgba(0, 0, 0, 0.1)Line

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

03

字体

transitional-serif · grotesque-sans

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

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

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

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

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

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

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

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

07

动效与交互

240msmicro
400mssmall
1000msmedium
cubic-bezier(0.86, 0, 0.07, 1)easing

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

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

08

组件

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

09

文案语气与禁用清单

  • 语气 精致、艺术化、含蓄内敛。
  • 标题风格 大型、富有表现力的衬线体标题,与无衬线体正文形成对比。
  • 按钮文案 简洁、无装饰的文本链接,通常为大写。
  • 勿使用带有可见边框或卡片的网格——截图显示的是叠加的自由拼贴形式。
  • 勿使用多种强调色——截图显示文本和 UI 采用严格的单色调色板。
  • 勿对标题使用粗体无衬线字体——截图使用精致的衬线体作为展示排版。
  • 勿为图像添加投影——截图使用扁平的叠加照片。
  • 勿用众多 UI 元素使界面显得杂乱——截图显示大量空白和最少的控件。
  • 勿使用粗重的边框或分隔线——截图依赖间距和叠加来构建视觉层次。
  • 避免: 醒目的行动号召按钮
  • 避免: 装饰性图标
  • 避免: 杂乱的界面

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个时装与纺织设计师的作品集网站。设计 DNA 是极简主义、编辑风格,并以摄影为核心。关键颜色为纯白背景(#FFFFFF)和深邃的黑色墨水(#000000),构成高对比度的单色基底。排版方面,展示标题使用大型、富有表现力的过渡衬线体,所有功能性文本则使用简洁的无衬线体。关键禁忌:切勿使用可见网格或卡片组件——应使用叠加拼贴布局。切勿引入强调色——保持严格的黑白色调。切勿对标题使用粗体无衬线字体——应使用精致的衬线体排版。布局应开阔,留有充足的空白,并采用平滑、长时长的过渡效果,营造从容不迫的高级感。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。