OpenDesign·你的设计资产库

网页参考

Daniel Pizza

面向软件设计师与撰稿人的极简个人作品集,强调简洁排版与高对比度黑白摄影。

PortfolioEditorialCleanPhotographicRefined

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

极简主义个人作品集设计导向编辑风格专业气质

如同精心策划的画廊或专著,留白与摄影是核心的视觉传达媒介。

02

色彩

#1A1A1AInk
#F0F0F0BG
#888888Muted
rgba(0,0,0,0.1)Line

单色灰度色板搭配中性灰白背景,使黑白摄影与深色文字得以突出。

03

字体

transitional-serif · humanist-sans

  • display32px · 400
  • body18px · 400
  • caption14px · 400

主标题使用衬线字体,奠定编辑风格的典雅基调。 · 正文与导航使用无衬线字体,保证清晰度与现代感。 · 维持文字与背景的高对比度,确保可读性。 · 控制行宽在舒适阅读范围内,适用于标题与段落。

04

间距

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

基于4像素网格的宽松间距系统,营造宁静整洁的版面,留白充裕。

05

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

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

表面无可见边框;区域分隔通过间距与摄影构图实现。

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

非对称网格结构,左侧为导航栏,右侧为主内容区。主视觉图片采用分层或错位布局,而非严格对齐。

07

动效与交互

200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

内容加载时可能采用细微的淡入过渡,静态截图中不可见。

导航链接在悬停时呈现细微透明度变化。 · 标准页面导航。

08

组件

  • button 此视图中无可见按钮;主要交互通过文本链接实现。
  • card 图像作为核心视觉卡片呈现,无边框或阴影。
  • chip 无相关组件。
  • input 无相关组件。
  • hero 由重叠的黑白摄影构成的拼贴画,作为视觉引导。

09

文案语气与禁用清单

  • 语气 专业、自信且内敛。
  • 标题风格 直接简洁,使用衬线字体营造经典权威感。
  • 按钮文案 采用含蓄的文本链接,避免醒目按钮。
  • 勿使用多色色板——截图显示的是严格的单色灰度方案。
  • 勿为图片或卡片添加投影——视觉效果依赖清晰边缘与重叠构图。
  • 勿为标题使用厚重几何无衬线字体——截图采用精致的过渡衬线体。
  • 勿用元素堆砌版面——设计以充裕留白与克制感为特征。
  • 勿使用醒目填充式按钮进行导航——截图采用简洁的带下划线文本链接。
  • 勿为元素添加圆角——设计采用尖锐的矩形形状处理图像与版面。
  • 避免: 鲜艳色彩或渐变效果
  • 避免: 过度装饰性元素
  • 避免: 密集文本区块
  • 避免: 激进的营销话术
  • 避免: 复杂的导航结构
  • 避免: 不必要的动画效果

11

System Prompt

这是一个面向软件设计师与撰稿人的极简个人作品集。定位为简洁的编辑风格平台,聚焦清晰度与专业作品。核心视觉元素包括:中性灰白背景(#F0F0F0)、深色墨迹文字(#1A1A1A)以及高对比度黑白摄影。字体排印采用过渡衬线体作为展示标题,人文无衬线体作为正文。关键设计约束:不得在色板中引入任何彩色。不得为图片或容器添加投影或圆角。不得拥挤版面;优先保障充裕留白与非对称构图。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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