OpenDesign·你的设计资产库

网页参考

Ijpowell

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

PortfolioMinimalArt DirectionEditorialCalm

封面待补录,可通过原站查看设计。

01

设计气质 DNA

作品集极简艺术指导自由职业画廊

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

02

色彩

#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line

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

03

字体

transitional-serif

  • display56px · 400
  • body17px · 400

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

04

间距

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

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

05

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

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

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

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

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

07

动效与交互

220msmicro
400mssmall
1000msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

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

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

08

组件

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

09

文案语气与禁用清单

  • 语气 极简、专业且低调。
  • 标题风格 简洁的过渡衬线字体,紧凑的字距。
  • 按钮文案 简单的基于文本的行动号召,融入页脚或导航中。
  • 不要使用鲜艳的颜色——截图显示为严格的单色黑白配色方案。
  • 不要使用无衬线字体——截图显示仅使用过渡衬线字体。
  • 不要添加投影或复杂的卡片样式——截图显示为扁平的、带边框的媒体。
  • 不要使用粗、重的字体粗细——截图显示所有文本粗细均为 400。
  • 不要用多列杂乱界面——截图显示单一、居中的焦点。
  • 不要在容器上使用圆角——截图显示媒体框为尖锐的直角。
  • 避免: 彩色渐变
  • 避免: 密集的段落
  • 避免: 装饰性图标
  • 避免: 喧闹的行动号召
  • 避免: 杂乱的布局

10

包内真实截图

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

11

System Prompt

这是一个为 Isaac Powell 设计的极简自由职业设计师作品集,专注于艺术指导、品牌和交互设计。视觉语言严格单色,仅使用黑色 (#000000) 和白色 (#FFFFFF),不含任何彩色强调色。字体为简洁的过渡衬线体,粗细为 400,字间距为紧凑的 -0.425px。布局高度结构化,固定的页头和页脚框定一个大型、居中的媒体展示区。关键设计约束包括:绝不向配色方案中引入颜色,始终使用过渡衬线字体族,避免装饰性元素或投影,并在中央内容周围保留大量负空间以保持画廊般的氛围。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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