OpenDesign·你的设计资产库

网页参考

Seis Studio

一个纯粹依赖排版和极致负空间的简约设计作品集。

StudioTypographyMonochromeCleanCalm

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

01

设计气质 DNA

极简主义工作室建筑感干净权威性

一个纯白的画廊空间,作品本身无需任何干扰便能自我言说。

02

色彩

#000000Ink
#ffffffBG
#ebebebMuted
rgba(0,0,0,1)Line

高对比度的单色基底,优先考虑可读性与静谧感,而非色彩表现。

03

字体

humanist-sans · monospace

  • display24px · 400

二级导航元素采用大写转换 · 所有可见文本元素统一使用400字重 · 文本颜色严格在纯黑与纯白之间切换

04

间距

4px
8px
12px
16px
24px
36px
48px
90px

交互元素周围留有充裕的内边距(36px至90px),营造出宽松、透气的节奏感。

05

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

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

1px solid rgba(0,0,0,1)

0px -3px 6px rgba(0,0,0,0.5) · 0px -50px 50px rgba(0,0,0,0.2)

06

布局

1440container
768 / 1024breakpoints

极简的顶部导航栏,下方为广阔、空白的白色画布。

07

动效与交互

100msmicro
200mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

元素加载时主视口上方出现等待光标 · 交互链接悬停时的颜色过渡 · 广泛应用于所有元素的通用过渡效果

文本颜色反转(黑变白或白变黑)以指示交互性,无需下划线或边框。 · 通过光标状态变化和颜色反转暗示导航。

08

组件

  • button 未见标准按钮形状;交互区域通过大尺寸点击目标(padding: 12px 42px)和光标状态变化来定义。
  • card 未见带有阴影或边框的卡片组件;内容以扁平化排版形式呈现。
  • chip 视觉层级中未出现标签或芯片组件。
  • input 当前视口中未显示输入框或搜索栏。
  • hero 一个纯粹排版构成的首页区域,仅有一个锚定在左上角的名称,完全依赖负空间。

09

文案语气与禁用清单

  • 语气 安静、自信且直接。设计以柔和的方式呈现,但通过其极简性引人注目。
  • 标题风格 纯文本,无装饰,常为小写或标准大小写,依赖字体本身而非样式。
  • 按钮文案 融入导航中的微妙文本式行动号召,而非作为按钮突出显示。
  • 不要引入次要配色方案——截图显示的是严格的黑白单色配色。
  • 不要为容器添加圆角——截图显示的是严格锐利的几何边缘。
  • 不要使用粗体或厚重的字重——截图显示的是统一的400字重。
  • 不要为文本元素添加投影——截图显示的是直接渲染在背景上的扁平文本。
  • 不要使用居中布局——截图显示主要内紧密锚定在左上角。
  • 不要添加复杂的装饰元素——截图显示的是仅有排版的巨大空白白色画布。
  • 避免: 避免使用渐变、文本投影或装饰性下划线
  • 避免: 避免引入鲜艳色彩或强调色板
  • 避免: 避免在视口中堆积多个视觉焦点

11

System Prompt

该网站是一个极简设计工作室作品集(Seis Studio),采用严格的单色配色(#000000 搭配 #ffffff)和人文无衬线字体系统,营造出安静自信与极致克制的氛围。它大量依赖充裕的负空间和左上角锚定来引导观众视线。设计严格避免色彩强调、圆角以及变化的字重,所有元素统一使用400字重。关键约束:不要引入黑白以外的任何色相;不要为文本应用圆角或装饰性阴影;保持严格的左对齐而非居中内容。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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