精选 · 开放 · 免费
Brunoarizio
为一位国际知名的独立设计师和创意总监打造的极简作品集。
EditorialPortfolioPhotographicStudioClean
01
设计气质 DNA
设计艺术摄影全球独立
高端独立设计工作室作品集。
02
色彩
#000000Ink
#FFFFFFBG
#A6A6A6Muted
rgba(0, 0, 0, 1.0)Line
纯粹的单色色板:纯白背景、纯黑字体,以及用于次要文本的中性灰。
03
字体
geometric-sans
极紧的字间距(-0.22px),营造精致、紧凑的外观。 · 正文大量使用约13px的小字号。 · 所有可见元素均严格统一使用400字重。
04
间距
由统一的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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为独立设计师和创意总监打造的极简作品集网站。其视觉基因由一个强烈的高对比度单色色板(#FFFFFF背景,#000000墨色,#A6A6A6柔灰)和一个用于小字号、紧字间距的简洁几何无衬线字体定义。布局极其开阔,依赖充裕的内边距(18px水平,45px垂直)和垂直堆叠而非复杂的网格。关键禁忌包括:绝不使用多种字重,不添加阴影或复杂边框,以及绝不使用宽字间距。动效风格缓慢而审慎,过渡使用自定义 cubic-bezier (0.22, -0.01, 0.13, 0.99)。整体效果精致、沉静且高度专业,让作品自己说话。
en · zh-CN · zh-TW · ja · ko