Giuliasaporito

一个以字体排印为艺术的画廊展览。

极度克制，采用近乎单色的配色，几乎完全依赖字体排印和布局来创造视觉趣味。

didone-serif · grotesque-sans

• display-xl198px · 400
• display-lg84px · 400
• display-md64px · 400
• body-lg37px · 400
• body-sm13px · 400

标题和展示型字体使用 Didone 衬线体 · 导航和功能文本使用 Grotesque 无衬线体 · 大型展示文本保持紧凑的行高

不对称网格，具有显著的边距和内边距，形成强烈的空间层次。

无可见边框；通过间距和字体排印来暗示深度。

不对称的12栏网格，元素推向边缘（左上、右上、左下、右下）。

悬停状态的平滑过渡（cursor: pointer 表示交互元素）

文本链接上可能出现细微的状态变化，但在静态截图中不可见。 · 链接采用标准点击行为。

• button 无可见按钮；导航为纯文本链接。
• card 无可见卡片；内容以纯字体排印块的形式呈现。
• chip 无可见标签。
• input 无可见输入框。
• hero 巨大的排印主视觉，包含一个大型衬线体姓名和一个位于对角线的次要衬线体行动号召。

• 语气 自信、极简、精致。
• 标题风格 大字号、高对比度的衬线字体，字间距紧凑。
• 按钮文案 极简的文本链接，无视觉修饰。

• 不要用无衬线体作为展示标题 — 截图显示 Didone 衬线体是主要展示字体
• 不要添加投影或盒阴影 — 截图显示为完全平坦的字体置于平坦背景上
• 不要使用多彩配色 — 截图显示为严格的黑白配色，仅有一个黄色圆点点缀
• 不要将大段文本居中对齐 — 截图显示文本为左对齐和右对齐，并锚定于边缘
• 不要使用粗线条或边框 — 截图显示章节间无可见边框或分隔线
• 不要添加装饰性图标或插画 — 截图显示布局完全由文本元素构成
• 避免: 杂乱的布局
• 避免: 鲜艳的色彩
• 避免: 装饰性元素