精选 · 开放 · 免费

Emmabackman

一个超极简的纯文本作品集布局,依赖严谨网格和极致克制来传达专业声望。

PortfolioStudioRestraintCleanTypography
Emmabackman 网站截图
在 OpenDesign 中打开

原站: https://www.emmabackman.com

01

设计气质 DNA

极简编辑风格档案式专业疏朗

一个纯黑的画廊,配有白色标签文字。

02

色彩

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

纯黑与纯白之间的最大对比度,次要元素使用结构化的透明度。

03

字体

grotesque-sans

字体采用标准几何/怪诞无衬线体,字重为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

组件

09

文案语气与禁用清单

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