OpenDesign·你的设计资产库

网页参考

Artworld Agency

一个以排版为核心、高对比度的创意机构作品集。

StudioAgencyPortfolioEditorialTypography
Artworld Agency 网站截图

01

设计气质 DNA

设计机构编辑设计摄影创意

一个以古典排版优雅呈现的创意人才精选画廊。

02

色彩

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

严格的高对比度单色方案,以突出创意作品与排版层次。

03

字体

didone-serif · humanist-sans

  • display75px · 300
  • h175px · 300
  • body16px · 300
  • caption12px · 300

大型展示文本和艺术家姓名使用 'Cardinal Fruit'(Didone 衬线体)。 · 正文和较小的 UI 元素使用 'Graphik'(人文无衬线体),字重为 300。 · 所有排版严格保持单一字重(300),以形成统一、精致的美学风格。

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

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.77, 0, 0.18, 1)easing

元素随滚动出现时的微妙淡入过渡。 · 悬停状态的平滑颜色过渡。

文字颜色从黑色过渡到白色,通常是在深色背景叠加层上进行。 · cursor: pointer 指示可点击链接。

08

组件

  • button 简单的文本链接,使用 cursor: pointer,依赖悬停颜色过渡。
  • card 无可见卡片;内容以扁平的排版列表呈现。
  • chip 无可见元素。
  • input 无可见元素。
  • hero 一个巨大的全宽排版展示区域,锚定在视口底部。

09

文案语气与禁用清单

  • 语气 精致、权威且内敛自信。
  • 标题风格 大型、古典的衬线排版,引人注目。
  • 按钮文案 极简的文本链接,与排版无缝融合。
  • 不要使用亮色强调色——截图显示的是严格的黑白单色方案
  • 不要使用粗重的字体——截图显示所有文本均为浅字重(300)
  • 不要在元素上使用 border-radius——截图显示的是纯粹的矩形、直角布局
  • 不要使用复杂的卡片布局——截图显示的是扁平的、姓名排版列表
  • 不要添加装饰性阴影——截图显示零高度或投影
  • 不要混合多种字体族——截图仅依赖衬线/无衬线字体的搭配
  • 避免: 杂乱的布局
  • 避免: 冲突的色彩
  • 避免: 花哨的 UI 元素

10

包内真实截图

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

11

System Prompt

Artworld Agency 是一个精致的、以排版为核心的创意作品集。其设计 DNA 建立在严格的黑白单色方案(#000000 墨色,#FFFFFF 背景)之上,以突出创意作品。排版特征为:展示文本(艺术家姓名)使用醒目的 Didone 衬线体,正文使用简洁的人文无衬线体,两者均严格使用浅字重(300)。关键设计规则:不要引入强调色,不要使用粗重的字重,不要添加阴影或圆角等装饰元素。布局依赖于大量留白和底部锚定的巨大排版标志。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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