精选 · 开放 · 免费
Bpowell
一个由大胆字体排印和极致留白驱动的极简主义作品集。
PortfolioTypographyStudioCleanBold Typography
01
设计气质 DNA
极简字体排印作品集大胆编辑式
一本高端设计专著
02
色彩
#111111Ink
#373737Ink soft
#FFFFFFBG
rgba(17,17,17,0.1)Line
严格单色调色板,依赖深黑色文本与纯白空间之间的对比
03
字体
grotesque-sans
- display
86px · 500 - body
26px · 500
展示尺寸使用紧凑的负字距 · 中等字重用于主要强调 · 标题与正文之间采用高对比度的尺寸跳跃
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
非对称,使用大块的负空间来分隔内容区域
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
主要表面不使用边框;交互链接上出现2px实线边框
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
非对称网格,包含多列标题和大型单列内容块
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
所有元素都应用了CSS过渡,以实现流畅的状态变化
文本链接上细微的透明度或颜色变化 · 即时的导航过渡
08
组件
- button 纯文本链接,带2px下边框和指针光标
- card 无
- chip 无
- input 无
- hero 超大尺寸的项目列表,采用紧凑行距和负字距的字体排印
09
文案语气与禁用清单
- 语气 沉静自信、专业且精致
- 标题风格 极简主义,完全依赖尺寸和字体排印,无装饰元素
- 按钮文案 含蓄,使用带有微妙下划线的简单文本链接
- 不要使用投影——截图显示的是扁平、无阴影的表面
- 不要使用多色调色板——截图显示的是严格的单色黑白
- 不要在容器上使用圆角——截图显示的是锋利的直角边缘
- 不要在主要内容中使用居中对齐——截图显示的是左对齐的字体排印
- 不要使用装饰性衬线字体——截图显示的是严格的无衬线字体排印
- 不要使用小巧、怯弱的展示文字——截图显示的是巨大、主导性的标题
- 避免: 色彩点缀
- 避免: 投影
- 避免: 复杂渐变
- 避免: 圆角容器
- 避免: 插图
- 避免: 杂乱的布局
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为设计师和电影制作人打造的高端、极简主义作品集。其特点是严格的单色调色板,文本使用深黑色(#111111),背景使用纯白色(#FFFFFF)。字体排印严重依赖粗体、无衬线展示字体,具有负字距和紧凑行高。关键约束:无投影、布局无圆角、无色彩点缀、无居中对齐、无衬线字体、无装饰插图。重点完全在于尺寸、留白和干净的字体排印。
en · zh-CN · zh-TW · ja · ko