OpenDesign·你的设计资产库

网页参考

Gareth Hughes

一个以字体排印和广阔负空间为核心的超极简作品集。

PortfolioStudioCleanRestraint

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

01

设计气质 DNA

极简主义专业简洁字体排印内敛

一个宁静的、画廊般的入口,留白是主要构成材料。

02

色彩

#B0B4B8Ink
#E5E7EABG
rgba(0,0,0,0)Line

严格单色、低对比度的调色板,旨在不引人注目。

03

字体

transitional-serif

  • display32px · 400
  • body30px · 400

所有文本居中对齐。 · 文本颜色与背景颜色非常接近,以产生微妙效果。

04

间距

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

慷慨的、单焦点的垂直节奏。

05

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

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

无可见边框。

06

布局

1440container
1columns
24pxgutter
768 / 1024breakpoints

全视口高度,包含一个居中的文本块。

07

动效与交互

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

无可见动画模式。

无可见悬停效果。 · 无可见点击效果。

08

组件

  • button 无可见按钮。
  • card 无可见卡片。
  • chip 无可见标签。
  • input 无可见输入框。
  • hero 一个最小化的、居中于视口的字体排印主视觉区。

09

文案语气与禁用清单

  • 语气 宁静、专业、内敛。
  • 标题风格 直接而简洁。
  • 按钮文案 无可见行动号召样式。
  • 不要使用高对比度颜色——截图显示文本颜色与背景非常接近。
  • 不要添加导航或UI元素——截图仅显示居中文本。
  • 不要使用无衬线字体——截图显示的是衬线字体。
  • 不要使用深色模式或高饱和度——截图显示的是浅色、低饱和度的调色板。
  • 不要添加边框或阴影——截图显示的是完全平坦的表面。
  • 不要使用复杂的多栏布局——截图显示的是单个居中文本块。
  • 避免: 鲜艳色彩
  • 避免: 装饰性元素
  • 避免: 复杂布局

11

System Prompt

这是一个超极简主义的作品集网站。其核心设计DNA是克制,使用浅灰色(#E5E7EA)背景与低对比度的衬线字体排印(#B0B4B8),营造出宁静的、画廊般的氛围。布局为在空旷的视口上,一个垂直与水平均居中的文本块。关键禁忌:不要引入高对比度颜色,不要添加导航等UI元素,不要使用无衬线字体排印。设计完全依赖负空间和微妙的字体对比。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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