精选 · 开放 · 免费
Erno Works
一个为跨学科设计总监打造的精致作品集，强调逻辑、清晰度与工艺。
PortfolioStudioCleanRefinementEditorial
01
设计气质 DNA
设计指导工艺清晰度逻辑
一个展示高端设计作品的极简画廊
02
色彩
#202020Ink
#fafbfcBG
#dfdcdcBG quiet
rgba(27, 27, 27, 0.13)Line
极简且严格功能化，依赖近单色调色板让作品本身脱颖而出。
03
字体
humanist-sans
- display
57px · 400 - h2
43px · 400 - body
21px · 400
所有文本使用统一的人文主义无衬线字体 · 大号展示字体使用紧凑的字间距 · 偏好使用轻量到常规字重以呈现精致外观
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充足的留白和垂直韵律，营造平静、透气的布局
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
使用 1px 细线作为微妙的章节分隔
06
布局
1280container
12columns
18pxgutter
768 / 1024breakpoints
响应式网格，从单栏移动端布局过渡到多栏桌面端展示
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
元素采用微妙的淡入和不透明度过渡
交互元素上有微妙的不透明度变化 · 标准链接行为
08
组件
- button 极简的文本链接，通常无边框或背景
- card 项目卡片由一张图片和简洁的文本叠加层或相邻文本构成
- hero 一个大型、主导性的字体陈述，配以充足的负空间
09
文案语气与禁用清单
- 语气 专业、自信且内敛
- 标题风格 关于设计哲学的直接、第一人称陈述
- 按钮文案 简单、无装饰的文本链接
- 不要使用粗体字重——截图显示仅使用了轻量到常规字重
- 不要给项目图片添加阴影——截图显示图片完全扁平化
- 不要在卡片或容器上使用圆角——截图显示为尖锐的矩形边缘
- 不要引入饱和的强调色——截图显示严格的单色调和柔和调色板
- 不要用密集的文本使布局显得拥挤——截图显示有充足的留白和呼吸空间
- 不要使用装饰性的背景图案——截图显示为纯色背景
- 避免: 过于复杂或装饰性的元素
- 避免: 明亮、饱和的色彩
- 避免: 密集的文本块
- 避免: 容器使用圆角
- 避免: UI 元素添加阴影
- 避免: 粗重的字重
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为设计总监准备的极简主义作品集。调色板严格单色，采用略偏米白的背景（#fafbfc）、深灰色文本（#202020）和微妙的边框（rgba(27, 27, 27, 0.13)）。字体是简洁的人文主义无衬线字体，展示文本使用紧凑的字间距。布局宽敞，留白充足。关键禁忌：不要使用粗体字重，不要给图片添加阴影，不要引入饱和的强调色。设计依赖清晰度和克制来让展示的作品脱颖而出。
en · zh-CN · zh-TW · ja · ko