OpenDesign·你的设计资产库

网页参考

Adbc Studio

一个大胆、极简的设计工作室作品集,采用醒目的黑白摄影和大尺度排版。

AgencyStudioPhotographicCleanBold Typography

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

01

设计气质 DNA

大胆摄影极简醒目自信

一个大胆的单色照片画廊,叠加了排版设计

02

色彩

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

单色调色板,依赖高对比度黑白摄影,并配以鲜明的白色排版叠加。

03

字体

grotesque-sans

  • display400px · 400

04

间距

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

元素周围留有充足的负空间,大字体采用紧凑字距。

05

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

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

无可见边框

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全出血主视觉区域,采用绝对定位文字,简洁的顶部导航栏

07

动效与交互

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

导航链接可能有细微的透明度或颜色变化 · 标准的链接导航

08

组件

  • button 简洁的汉堡菜单图标,极简的导航链接
  • card 无可见组件
  • chip 无可见组件
  • input 无可见组件
  • hero 全屏、边到边的单色摄影主视觉,大尺度、粗体白色排版直接叠加在图像上

09

文案语气与禁用清单

  • 语气 大胆、自信、极简
  • 标题风格 超大、鲜明的排版直接与图像融合
  • 按钮文案 微妙、基于文本的导航,无突出的行动号召按钮
  • 不要使用多色色调——截图显示为严格单色(黑、白、灰)
  • 不要添加装饰性边框或阴影——截图显示为完全扁平化的表面
  • 不要使用小而拥挤的排版——截图显示为巨大、粗体的展示字体
  • 不要用多个区域使布局杂乱——截图显示为单一、醒目的主视觉视口
  • 不要使用圆角或柔和的形状——截图显示为硬朗、锋利的边缘
  • 不要添加多余的UI元素或图标——截图显示仅保留最少、必要的导航
  • 避免: 文字过于拥挤
  • 避免: 使用多种颜色
  • 避免: 添加装饰性元素

11

System Prompt

这是一个具有醒目、极简美学的设计工作室作品集网站。它完全依赖于高对比度摄影衍生的单色调色板(黑、白及灰色调)。排版采用干净、几何感的无衬线字体,以极展示级尺度直接叠加在图像上。布局是边到边、全出血的主视觉区域,配以简洁的顶部导航栏。关键禁忌:不要引入多色调色板;不要添加边框、阴影或圆角;不要使用小而拥挤的排版;不要用多个区域使布局杂乱;不要添加多余的UI元素。该设计通过尺度、对比度和自信的负空间运用来实现冲击力。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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