Gawker

一个带有叛逆感的新闻通讯注册页面，拥有干净、文字密集的编辑风格。

严格的单色黑白配色，不含任何强调色。

slab-serif · humanist-sans

• display72px · 900
• heading56px · 900
• body16px · 400

所有主要标题与 Logo 均使用厚重的 Slab-serif 字体。 · 较小的正文文本则使用干净的 Humanist-sans 字体。

中央内容块周围留有充足的垂直间距。

1px 实线黑色

单一、居中的单栏布局，水平内边距最小化。

此静态登陆页上极少或无可见动效。

标准的指针光标变化。 · 标准点击行为。

• button 基于文本的操作，带箭头，无背景填充。
• card 由 1px 黑色边框定义的大型矩形容器。
• input 仅带下边框的文本输入框，含占位文本。
• hero 一个大胆、居中的文字组合，包含 Logo 与标语。

• 语气 直接、略带不羁，且充满自信。
• 标题风格 全大写、粗体、Slab-serif 排版。
• 按钮文案 简洁文本，后跟箭头符号。

• 不要使用明亮的强调色——截图显示为严格的单色黑白。
• 不要在容器上使用圆角——截图显示为利落的 90 度直角。
• 不要使用投影——截图显示为仅有 1px 边框的平面。
• 不要为主要标题使用无衬线字体——截图使用了厚重的 Slab-serif 字体以示强调。
• 不要使用复杂的背景图案或图片——截图显示为纯白背景。
• 不要使用带背景填充的标准按钮样式——截图显示为纯文本链接。
• 避免: 避免使用阴影、渐变或圆角。
• 避免: 避免使用多种颜色或独特的强调色。
• 避免: 避免使用复杂的 UI 模式或装饰性插图。