精选 · 开放 · 免费
Hausotto
以巨大单色字体为核心的设计工作室作品集。
PortfolioStudioEditorialCleanMonochrome
01
设计气质 DNA
极简建筑感冷峻直接
白色房间中一块冷峻的字体广告牌。
02
色彩
#000000Ink
#ffffffBG
rgba(0,0,0,1.0)Line
严格的单色高对比度,无装饰性色彩。
03
字体
geometric-sans
- display
216px · 400 - heading
22px · 400 - body
13px · 400
所有字体严格使用单色且具几何感。 · 大型展示文字大量应用负字距。 · 文字颜色统一为纯黑色(#000000)。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充足的垂直间距与精确的内边距层级。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
交互或带下划线元素使用最小化的1px纯黑实线边框。
06
布局
1920container
4columns
24pxgutter
768 / 1024breakpoints
大量留白与严格的无边框表格网格。
07
动效与交互
220msmicro
500mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
交互状态下的透明度和顶部位置微妙过渡。
可导航项目的微妙透明度变化。 · 交互元素使用标准指针光标。
08
组件
- button 无背景无边框的纯文本按钮,cookie操作按钮除外(实心黑色)。
- card 无卡片式布局;数据呈现于简洁的无边框表格中。
- chip 无。
- input 无。
- hero 占据整个视口的巨大居中字体标识。
09
文案语气与禁用清单
- 语气 中立、直接且严格功能化。
- 标题风格 巨大、全大写、紧凑字距的几何无衬线字体。
- 按钮文案 纯文本或无装饰的简单黑色方框。
- 勿使用次要颜色——截图显示严格黑白配色方案。
- 勿应用border-radius——截图显示尖锐的无圆角矩形元素。
- 勿使用投影——截图显示完全扁平的二维表面。
- 勿使用装饰性图像——截图显示严格的字体化界面。
- 勿变化字重——截图显示所有文字统一字重。
- 勿使用居中多行文本——截图显示左对齐列表与居中单行标题。
- 避免: 避免装饰性色彩或渐变。
- 避免: 避免圆角或柔和形状。
- 避免: 避免投影或多层表面。
- 避免: 避免友好或俏皮的微文案。
- 避免: 避免变化的字重;保持统一粗细。
- 避免: 避免居中、多行的文本块。
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个极简设计工作室作品集。布局以巨大、单色的字体(类Monument的几何无衬线字体)为核心,居中排布于纯白背景(#ffffff)上,文字为纯黑色(#000000)。主要内容组织于简洁的无边框表格网格中,保持高对比度、严格建筑感的美学。关键约束包括绝对禁止使用色彩、圆角、投影和装饰性图像。任何偏离这种冷峻、扁平、基于网格的结构,都将损害设计严谨、高端的编辑型特质。
en · zh-CN · zh-TW · ja · ko