OpenDesign·你的设计资产库

网页参考

Brunoarizio

为一位国际知名的独立设计师和创意总监打造的极简作品集。

EditorialPortfolioPhotographicStudioClean
Brunoarizio 网站截图

01

设计气质 DNA

设计艺术摄影全球独立

高端独立设计工作室作品集。

02

色彩

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

纯粹的单色色板:纯白背景、纯黑字体,以及用于次要文本的中性灰。

03

字体

geometric-sans

  • display16px · 400

极紧的字间距(-0.22px),营造精致、紧凑的外观。 · 正文大量使用约13px的小字号。 · 所有可见元素均严格统一使用400字重。

04

间距

11px
18px
23px
45px

由统一的18px水平内边距和45px垂直区块内边距界定。

05

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

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

无可见的结构性边框;分隔完全依赖留白。

06

布局

1440container
1columns
768 / 1024breakpoints

全宽堆叠布局,区块间留有充裕的垂直间距。

07

动效与交互

220msmicro
400mssmall
1000msmedium
cubic-bezier(0.22, -0.01, 0.13, 0.99)easing

针对透明度、transform和clip-path使用缓慢、审慎的1秒过渡。

光标在交互文本元素上变为指针。 · 细微的透明度或transform变化,可能关联至1秒过渡。

08

组件

  • card 一个全出血的项目预览卡片,展示一个网站设计。
  • hero 一个高度简约、仅包含文本的介绍区域,没有传统的图形化首屏大图。

09

文案语气与禁用清单

  • 语气 专业、自信且低调。
  • 标题风格 直接且描述性,直白地陈述资历和客户名单。
  • 按钮文案 极度简约,使用带下划线的简单电子邮件链接用于咨询。
  • 不要使用多种字重——截图显示所有文本均为统一的400字重。
  • 不要应用装饰性阴影——截图显示完全扁平、无边框的表面。
  • 不要使用宽字间距——截图显示紧缩的负字间距-0.22px。
  • 不要引入复杂的导航模式——截图仅显示三个简单的文本链接。
  • 不要使用多色调色板——截图严格依赖黑、白、灰。
  • 不要使用快速、轻快的动画——截图指定了缓慢的1秒过渡。
  • 避免: 营销术语
  • 避免: 过度装饰
  • 避免: 明亮或分散注意力的颜色
  • 避免: 复杂的UI组件

10

包内真实截图

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

11

System Prompt

这是一个为独立设计师和创意总监打造的极简作品集网站。其视觉基因由一个强烈的高对比度单色色板(#FFFFFF背景,#000000墨色,#A6A6A6柔灰)和一个用于小字号、紧字间距的简洁几何无衬线字体定义。布局极其开阔,依赖充裕的内边距(18px水平,45px垂直)和垂直堆叠而非复杂的网格。关键禁忌包括:绝不使用多种字重,不添加阴影或复杂边框,以及绝不使用宽字间距。动效风格缓慢而审慎,过渡使用自定义 cubic-bezier (0.22, -0.01, 0.13, 0.99)。整体效果精致、沉静且高度专业,让作品自己说话。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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