OpenDesign·你的设计资产库

网页参考

Hugoandmarie

一个为创意工作室打造的、风格鲜明、极简的深色模式作品集网站。

StudioPortfolioMinimalDark ModeEditorial

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

01

设计气质 DNA

极简精致深色鲜明

一个光线昏暗、高端的画廊空间。

02

色彩

#ffffffInk
#0a1621BG
rgba(255, 255, 255, 0.05)Line

极致克制;在深海军蓝黑色与鲜明白色之间形成高对比度。

03

字体

humanist-sans

  • display24px · 600

所有文本均使用简洁的几何无衬线字体。 · 在深色背景上使用白色文字以保持高对比度。 · 保持排版的极简与功能性。

04

间距

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

运用充裕的留白来创造负空间并聚焦视线。

05

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

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

无可见边框。

06

布局

1440container
2columns
160pxgutter
768 / 1024breakpoints

一个全视口的深色背景,包含两个水平居中的文本元素。

07

动效与交互

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

文本链接在悬停时显示细微的下划线或颜色变化。 · 标准的导航交互。

08

组件

  • button 无可见按钮。
  • card 无可见卡片。
  • chip 无可见标签。
  • input 无可见输入框。
  • hero 一个全屏、深海军蓝的背景,配有两个简单的文本链接。

09

文案语气与禁用清单

  • 语气 精致、沉静、自信。
  • 标题风格 极简的描述性文本。
  • 按钮文案 低调的文本链接。
  • 不要使用明亮的强调色——截图显示为单色深色调色板。
  • 不要使用装饰性边框或阴影——截图显示为扁平、无边框的设计。
  • 不要使用活泼或异想天开的字体排印——截图显示为简洁、专业的无衬线字体。
  • 不要使用杂乱的布局或多列内容——截图显示为极简的文本元素。
  • 不要使用浅色背景——截图显示为深邃的深海军蓝背景。
  • 不要在容器上使用圆角——截图显示为锐利的、未圆角的边缘。
  • 避免: 明亮色彩
  • 避免: 喧闹的字体排印
  • 避免: 杂乱的布局
  • 避免: 装饰性元素

11

System Prompt

这是一个为创意工作室打造的高度极简的深色模式网站。其设计基因由极致克制定义,使用深海军蓝黑色背景(#0a1621)和鲜明的白色文字(#ffffff),无可见的强调色。字体排印采用简洁、专业的人文主义无衬线字体,仅用于清晰传达信息。布局极其简单,仅包含两个居中的文本元素(‘Creative Studio’ 和 ‘Artist Bureau’),背景是广阔的负空间。关键注意事项:1)不要引入任何明亮或饱和的颜色。2)不要添加任何装饰性元素,如边框、阴影或背景纹理。3)不要使用复杂的布局或多列内容。整体感觉精致、沉静、类画廊风格,完全聚焦于内容,没有视觉干扰。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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