精选 · 开放 · 免费
Emmabackman
一个超极简的纯文本作品集布局,依赖严谨网格和极致克制来传达专业声望。
PortfolioStudioRestraintCleanTypography
01
设计气质 DNA
极简编辑风格档案式专业疏朗
一个纯黑的画廊,配有白色标签文字。
02
色彩
#ffffffInk
rgba(255,255,255,0.4)Ink soft
#000000BG
rgba(255, 255, 255, 0.4)Line
纯黑与纯白之间的最大对比度,次要元素使用结构化的透明度。
03
字体
grotesque-sans
- body
16px · 400 - bodySmall
14px · 400
字体采用标准几何/怪诞无衬线体,字重为400。 · 行高异常紧凑,以形成密集、紧凑的文本块。 · 不使用装饰性样式、斜体或粗体;层级通过位置和密度建立。
04
间距
4px
8px
12px
16px
24px
32px
48px
以严格的4px为基础单位,统一应用于内边距和栏间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用 rgba(255, 255, 255, 0.4) 的1px实线划分垂直栏。
06
布局
1920container
12columns
12pxgutter
768 / 1024breakpoints
一个严格的多栏网格布局(桌面端通常为6到8栏),由垂直白色分隔线定义。
07
动效与交互
350msmicro
350mssmall
350msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
全局统一的0.35秒过渡应用于所有交互状态。
文本元素上微妙的透明度或颜色变化,通过标准0.35秒过渡管理。 · 即时状态变化,无弹性或夸张反馈。
08
组件
- button 纯文本交互元素,内边距为10px 12px,过渡时间为0.35秒。
- card 纯文本列表项,无容器或背景。
- hero 纯排版的纯文本主视觉区域,无任何图像。
09
文案语气与禁用清单
- 语气 客观、档案式且严格专业。
- 标题风格 直接、无装饰且功能性的命名。
- 按钮文案 纯文本链接,无按钮、边框或背景填充。
- 不要使用彩色强调——截图显示的是严格的黑白单色调色板。
- 不要添加投影或卡片——截图显示的是完全扁平、无容器的列表结构。
- 不要使用衬线字体——截图显示的是纯粹的无衬线字体。
- 不要使用粗体——截图显示所有元素统一使用400字重。
- 不要使用大间距——截图显示的是极度紧凑的行高和小的内边距。
- 不要使用装饰性边框——截图显示只有简单的、1像素的垂直分隔线。
- 避免: 感叹号
- 避免: 表情符号
- 避免: 营销流行语
- 避免: 视觉杂乱
11
System Prompt
这是一个为创意专业人士设计的超极简纯文本作品集网站。其设计基因建立在严格、高对比度的黑色 (#000000) 和白色 (#ffffff) 调色板之上,次要文本和边框使用一致的 rgba(255, 255, 255, 0.4)。排版完全采用怪诞无衬线体类别,字重400,使用非常紧凑的行高(例如14px文本约18px行高)以形成密集的、建筑般的文本柱。布局由带有垂直分隔线的多栏网格定义。关键约束:绝对没有图像,没有黑白灰以外的颜色,没有粗体字重,没有圆角,没有装饰性UI元素。网站必须保持严格的基于网格和文本聚焦,以维持其专业、档案式的基调。
把这份品味接进你的 Agent
把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko