精选 · 开放 · 免费
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
- display
24px · 700 - body
14px · 400 - bodySmall
11px · 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 技能 ↗
en · zh-CN · zh-TW · ja · ko