精选 · 开放 · 免费

Hausotto

以巨大单色字体为核心的设计工作室作品集。

01

设计气质 DNA

白色房间中一块冷峻的字体广告牌。

02

色彩

严格的单色高对比度，无装饰性色彩。

03

字体

geometric-sans

• display216px · 400
• heading22px · 400
• body13px · 400

所有字体严格使用单色且具几何感。 · 大型展示文字大量应用负字距。 · 文字颜色统一为纯黑色（#000000）。

04

间距

充足的垂直间距与精确的内边距层级。

05

表面 (圆角 / 阴影 / 边线)

交互或带下划线元素使用最小化的1px纯黑实线边框。

06

布局

大量留白与严格的无边框表格网格。

07

动效与交互

交互状态下的透明度和顶部位置微妙过渡。

可导航项目的微妙透明度变化。 · 交互元素使用标准指针光标。

08

组件

• button 无背景无边框的纯文本按钮，cookie操作按钮除外（实心黑色）。
• card 无卡片式布局；数据呈现于简洁的无边框表格中。
• chip 无。
• input 无。
• hero 占据整个视口的巨大居中字体标识。

09

文案语气与禁用清单

• 语气 中立、直接且严格功能化。
• 标题风格 巨大、全大写、紧凑字距的几何无衬线字体。
• 按钮文案 纯文本或无装饰的简单黑色方框。

• 勿使用次要颜色——截图显示严格黑白配色方案。
• 勿应用border-radius——截图显示尖锐的无圆角矩形元素。
• 勿使用投影——截图显示完全扁平的二维表面。
• 勿使用装饰性图像——截图显示严格的字体化界面。
• 勿变化字重——截图显示所有文字统一字重。
• 勿使用居中多行文本——截图显示左对齐列表与居中单行标题。
• 避免: 避免装饰性色彩或渐变。
• 避免: 避免圆角或柔和形状。
• 避免: 避免投影或多层表面。
• 避免: 避免友好或俏皮的微文案。
• 避免: 避免变化的字重；保持统一粗细。
• 避免: 避免居中、多行的文本块。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko