精选 · 开放 · 免费
Favorit Studio
一个以巨大排版和极致留白定义的高对比度极简设计工作室作品集。
StudioBold TypographyCleanMonochromeMinimal
01
设计气质 DNA
极简主义建筑感高对比度精确大胆
一份冷峻、高对比度的建筑工作室宣言
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line
严格、纯粹的单色，纯黑与纯白之间对比度最大化
03
字体
grotesque-sans
- display
189px · 400 - headline
158px · 400 - subhead
135px · 400 - body
23px · 400
所有文本仅使用 TWKLausanne（怪诞无衬线体） · 标题保持紧凑的负字间距（-0.1em） · 字重严格保持在 400（常规）
04
间距
4px
8px
16px
21px
46px
69px
96px
非对称，配以充裕的留白
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
特定元素使用极细的 1px 黑色边框，其余无边框
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
严格分屏或全出血区域，具备极致的非对称性
07
动效与交互
100msmicro
300mssmall
600msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
流畅的揭示过渡 · 基于变换的滑动
微妙的变换或透明度变化 · 即时响应
08
组件
- button 极简的文本按钮，带细边框
- card 无边框或单线边框的扁平容器
- chip 不适用
- input 不适用
- hero 巨大的分屏布局，超大排版主导视口
09
文案语气与禁用清单
- 语气 直接、自信、极简
- 标题风格 超大号，小写或大写，间距极紧
- 按钮文案 内敛的文本链接，带细边框
- 不要使用投影——截图显示的是扁平、高对比度的表面
- 不要在元素上使用 border-radius——截图显示的是锐利的 0px 圆角
- 不要使用多种字重——截图显示仅使用 400 字重
- 不要引入强调色——截图严格为黑白
- 不要使用宽松的字间距——截图显示的是紧凑的负字间距
- 不要添加背景纹理或渐变——截图显示的是纯白/纯黑纯色背景
- 避免: 俏皮的语言
- 避免: 过度的标点
- 避免: 圆角
- 避免: 阴影
- 避免: 渐变
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
一个大胆、极简的设计工作室作品集，以鲜明的黑白对比和巨大的怪诞无衬线体排版为特征。关键颜色严格为 #000000 和 #FFFFFF。字体类别仅限怪诞无衬线体（TWKLausanne），用于各种巨大尺寸（最大可达 189px），字重为 400。关键禁忌：绝不使用 border-radius（截图显示锐利的 0px 圆角），绝不使用投影（表面完全扁平），绝不引入强调色（调色板严格为单色）。
en · zh-CN · zh-TW · ja · ko