OpenDesign·你的设计资产库

网页参考

Baubauwerk

一个简约、以排版为核心的代理机构网站,利用留白和简洁排版来展示品牌设计作品集。

AgencyCleanTypographyEditorialPortfolio

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

01

设计气质 DNA

品牌设计设计工作室柏林品牌识别网站

一个强调清晰度与专业创意工作的极简主义排版画布。

02

色彩

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

严格的高对比度单色方案,不使用装饰性色彩

03

字体

transitional-serif

  • display42px · 400

所有排版均采用高度易读的过渡衬线体 · 设计中完全不使用等宽字体

04

间距

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

充裕的留白营造出高级、透气的视觉感受

05

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

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

使用细黑色边框来突出段落内的可交互文字链接

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

采用传统网格布局,包含居中的导航标题、大块主文本区域以及底部的作品集缩略图行。

07

动效与交互

0msmicro
0mssmall
0msmedium
lineareasing

截图中未见可见的运动或动画效果

细微的文字高亮或边框交互 · 标准导航和链接激活

08

组件

  • button 极简的文字链接,可选细边框
  • card 底部简单的无边框缩略图
  • chip 无
  • input 无
  • hero 居中的大块文本区域,内含可交互链接

09

文案语气与禁用清单

  • 语气 专业、自信、直接
  • 标题风格 对话式但结构严谨
  • 按钮文案 含蓄的文字链接,而非激进的按钮
  • 不要使用主导性的强调色——截图显示的是严格的黑白配色
  • 不要为元素应用圆角——截图显示的是锐利的方形边缘
  • 不要使用无衬线字体——截图显示的是清晰的过渡衬线字体
  • 不要依赖阴影来营造深度——截图显示的是无阴影的平面元素
  • 不要使用装饰性插图——截图显示的是纯粹的排版和摄影
  • 不要使用明亮的背景色——截图显示的是纯白色背景
  • 避免: 避免厚重的阴影或3D效果
  • 避免: 避免装饰性图标或表情符号
  • 避免: 避免过度装饰的字体或排版
  • 避免: 避免明亮、饱和的强调色
  • 避免: 避免容器上的圆角
  • 避免: 避免复杂的渐变

11

System Prompt

这个网站是一个简洁、以排版为核心的品牌设计工作室作品集。其核心视觉语言由纯黑墨迹在洁白背景上定义,使用经典的过渡衬线字体。关键交互包括带细边框的行内文字链接。关键约束:不要引入无衬线字体或圆角;避免任何破坏单色配色的饱和强调色;保持充裕的留白,并维持居中、透气的布局。设计完全依赖排版和摄影来产生视觉冲击力,要求在装饰元素上保持绝对克制。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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