OpenDesign·你的设计资产库

网页参考

Josephinelochen

一个面向时尚专业人士的、极简主义、图像驱动的作品集网站。

EditorialPhotographicPortfolioGalleryCuration
Josephinelochen 网站截图

01

设计气质 DNA

时尚作品集编辑设计极简主义

一本高端时尚lookbook或画廊展览。

02

色彩

#000000Ink
#FFFFFFBG
#CECECEMuted
rgba(0,0,0,1)Line

严格的单色对比,配合最少的UI元素,以最大化摄影作品的冲击力。

03

字体

grotesque-sans

  • body13px · 400

文字保持小巧且不显眼。 · 所有界面元素使用无衬线字体。

04

间距

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

充足的留白,让摄影作品得以呼吸。

05

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

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

主要UI元素上没有可见的边框。

06

布局

1920container
12columns
50pxgutter
768 / 1024breakpoints

全出血的图像,带有固定定位的页眉和下方的网格画廊。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

图像转场的透明度淡入。

光标在图像上变为指针或抓取形状。 · 标准的指针交互。

08

组件

  • button 没有可见的按钮;导航基于文本。
  • card 网格布局中的图像卡片,无边框或阴影呈现。
  • hero 大型、全出血的摄影主视觉图像。

09

文案语气与禁用清单

  • 语气 极简且专业。
  • 标题风格 简洁、直接的文本导航。
  • 按钮文案 没有明显的号召性用语。
  • 不要使用渐变——UI是严格扁平和单色的。
  • 不要为图像或卡片添加投影——它们干净地呈现,没有深度感。
  • 不要使用圆角——布局依赖于尖锐的直线形状。
  • 不要使用多种字体族——字体是严格统一且极简的。
  • 不要使用粗体、装饰性的标题——文字保持小巧、常规字重且功能化。
  • 不要使用鲜艳或多样的强调色——调色板严格限定为黑、白和摄影作品本身的颜色。
  • 避免: 过多的文字
  • 避免: 装饰性的UI元素
  • 避免: 鲜艳的颜色

10

包内真实截图

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

11

System Prompt

这是一个面向时尚专业人士的极简主义、图像驱动的作品集网站。它使用严格的单色调色板,纯白色背景(#FFFFFF)和纯黑色文字(#000000)。字体采用干净的无衬线字体,保持小巧和常规字重,以确保摄影作品成为焦点。关键设计原则包括全出血的图像、充足的留白,以及完全没有装饰性的UI元素。关键约束包括:不要使用圆角,因为布局是尖锐直线的。不要为图像卡片添加阴影或边框。不要使用多种字体族或多样的强调色。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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