OpenDesign·你的设计资产库

网页参考

Arthursimonini

一个让排版形式作为首要视觉元素的作品集网站。

PortfolioTypographyEditorialMonochromeCuration

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

01

设计气质 DNA

极简编辑式排版主导精致策展

高端时尚杂志版面

02

色彩

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

严格的单色与鲜明对比。

03

字体

didone-serif

  • display120px · 400
  • headline24px · 400

所有导航和标题的排版均为大写。 · 笔画粗细之间的高对比度定义了美学。

04

间距

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

充足的空白分隔内容块。

05

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

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

1px 实线分隔重复元素。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全宽区域由水平线划分。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

水平滚动跑马灯 · 无限文字循环

悬停在交互式文字链接上时的微妙光标变化。 · 直接导航至作品集项目。

08

组件

  • button 无可见按钮;导航为排版式。
  • card 无卡片;内容以水平文字条呈现。
  • chip 无标签。
  • input 无输入框。
  • hero 大型、全宽的排版展示,带次要导航。

09

文案语气与禁用清单

  • 语气 安静、自信、艺术化。
  • 标题风格 巨大、权威的衬线排版。
  • 按钮文案 微妙的基于文本的导航。
  • 不要使用彩色点缀——截图显示严格的单色。
  • 不要使用圆角——截图显示锐利边缘。
  • 不要对主标题使用小字号——截图显示巨大的展示尺寸。
  • 不要使用无衬线字体——截图显示高对比度的迪多尼衬线体。
  • 不要为英雄区域添加复杂图像——截图显示纯粹的排版。
  • 不要使用基于盒子的布局——截图显示线性的、水平的文字条。
  • 避免: 彩色点缀
  • 避免: 装饰性图标
  • 避免: 圆角

11

System Prompt

这是一个为 Arthur Simonini 设计的极简主义作品集网站,定位为艺术化、高端的创意展示。它使用严格的单色板(黑色 #000000 在白色 #FFFFFF 上)来创造鲜明、戏剧性的对比。设计完全依赖迪多尼衬线排版,利用巨大的展示尺寸和复杂的笔画变化作为首要视觉元素。布局由水平线和充足的空白定义,营造出有节奏的、编辑式的感觉。关键禁忌:不要引入任何彩色点缀,不要使用圆角或柔和形状,不要使用无衬线字体。交互模型包括无限水平滚动的文字条,给人一种持续运动感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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