精选 · 开放 · 免费

Ijpowell

一个专注于艺术指导与交互设计的精致极简作品集网站。

01

设计气质 DNA

一个拥有简洁排版与大量负空间的极简摄影展览空间。

02

色彩

严格的单色方案，完全不使用彩色，仅依赖黑、白与灰度。

03

字体

transitional-serif

• display56px · 400
• body17px · 400

所有正文使用 -0.425px 的字间距 · 所有元素字体粗细保持为 400 · 所有主字体使用过渡衬线体

04

间距

灵活的间距，中央媒体区域周围留有充裕的 padding。

05

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

极少使用的、灰度1px边框，仅用于结构性元素。

06

布局

固定的页头包含左、中、右元素；居中的媒体区块；固定的页脚。

07

动效与交互

所有状态变化均采用平滑的1秒过渡。

导航链接上出现微妙的透明度或状态变化。 · 立即响应，并平滑过渡到新状态。

08

组件

• button 基于文本的导航，活动状态使用实心圆形指示器。
• card 大型、全宽的媒体框，带有粗黑色边框，内含图像或排版内容。
• hero 一个大型、居中的媒体容器，用于展示项目作品，并带有醒目的黑色边框。

09

文案语气与禁用清单

• 语气 极简、专业且低调。
• 标题风格 简洁的过渡衬线字体，紧凑的字距。
• 按钮文案 简单的基于文本的行动号召，融入页脚或导航中。

• 不要使用鲜艳的颜色——截图显示为严格的单色黑白配色方案。
• 不要使用无衬线字体——截图显示仅使用过渡衬线字体。
• 不要添加投影或复杂的卡片样式——截图显示为扁平的、带边框的媒体。
• 不要使用粗、重的字体粗细——截图显示所有文本粗细均为 400。
• 不要用多列杂乱界面——截图显示单一、居中的焦点。
• 不要在容器上使用圆角——截图显示媒体框为尖锐的直角。
• 避免: 彩色渐变
• 避免: 密集的段落
• 避免: 装饰性图标
• 避免: 喧闹的行动号召
• 避免: 杂乱的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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