精选 · 开放 · 免费

Josephinelochen

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

01

设计气质 DNA

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

02

色彩

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

03

字体

grotesque-sans

• body13px · 400

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

04

间距

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

05

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

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

06

布局

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

07

动效与交互

图像转场的透明度淡入。

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

08

组件

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

09

文案语气与禁用清单

• 语气 极简且专业。
• 标题风格 简洁、直接的文本导航。
• 按钮文案 没有明显的号召性用语。

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

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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