OpenDesign·你的设计资产库

网页参考

Saf

一个强调专属感与精致克制的单色超极简数字工作室入口。

StudioMinimalDark ModeCurationPortfolio

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

01

设计气质 DNA

极简高端工作室专属精致

一个高端画廊入口,设有简单的天鹅绒围栏

02

色彩

#FFFFFFInk
rgba(255,255,255,0.4)Ink soft
#000000BG
rgba(255,255,255,1.0)Line

高对比度的单色调色板,依赖纯黑与纯白以达到最大的视觉冲击力与极致的简约。

03

字体

geometric-sans

  • display24px · 700
  • body14px · 400
  • body-small11px · 400

所有主导航与品牌标识均使用大写字母 · 为大写文本应用宽字距,营造精致、通透的感觉 · 保持严格的单色对比,字体中不使用色彩变化

04

间距

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

严格的4px基础网格,搭配大量留白以突出极简内容

05

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

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

1px solid rgba(255,255,255,1.0),仅用于结构性容器,使用需克制

06

布局

1920container
12columns
32pxgutter
768 / 1024breakpoints

居中单栏布局,主要行动召唤(CTA)垂直绝对居中

07

动效与交互

275msmicro
385mssmall
550msmedium
cubic-bezier(0.22, 1, 0.36, 1)easing

进入/退出过渡采用平滑的透明度淡入淡出 · 主要交互采用基于transform的空间移动 · 次要元素采用线性淡入淡出

交互元素上的微妙透明度变化 · 触发空间transform与透明度淡出,以展现网站主要内容

08

组件

  • button 极简幽灵按钮,1px白色边框,大写等宽风格字距,中心为胶囊形锚点
  • card 在入口屏幕中不可见
  • chip 在入口屏幕中不可见
  • input 在入口屏幕中不可见
  • hero 全视口黑色背景,中心为包含品牌名称、圆形切换器和进入CTA的水平交互条

09

文案语气与禁用清单

  • 语气 专属、精致且静谧
  • 标题风格 全大写、宽字距、几何无衬线体,带有充足的字母间距
  • 按钮文案 单个大写单词 'ENTER',位于导航栏右侧
  • 不要使用彩色渐变——截图显示为纯黑色背景
  • 不要在容器上使用圆角——截图显示入口条为尖锐的90度角
  • 不要使用混合大小写排版——截图显示所有文本均为大写
  • 不要使用多种强调色——截图显示为严格的单色调色板
  • 不要使用厚重的投影——截图显示为完全扁平、无阴影的界面
  • 不要使用紧凑的字距——截图显示为宽字距排版
  • 避免: 彩色渐变
  • 避免: 俏皮的插图
  • 避免: 密集的信息布局
  • 避免: 结构元素上的圆角

11

System Prompt

为 Studio Amos Fricke 设计一个高端数字工作室入口。定位:专属、极简、精致。关键十六进制颜色:#000000(背景)和 #FFFFFF(墨色),使用 rgba(255,255,255,0.4) 作为柔和文本。字体类别:几何无衬线体用于展示与正文,使用大写和宽字母间距(1.05px)。关键禁忌:绝不使用彩色渐变,避免在结构容器上使用圆角,绝不使用混合大小写排版。该系统以极致的克制、居中布局和平滑的基于transform的过渡为核心特征。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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