Authkit

一个深邃、富有氛围感的开发者门户，展示一套高端登录UI套件。

高对比度深色模式，带有冷色调蓝色调和微妙的层次感。

grotesque-sans · humanist-sans · monospace

• display72px · 700
• heading32px · 600
• body16px · 400

基于4px网格的统一节奏。

1px solid rgba(255, 255, 255, 0.1)

0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)

居中的单列布局，堆叠的卡片。

微妙的亮度提升或边框高亮。 · 即时的视觉反馈。

• button 圆角描边按钮，带有微妙的悬停状态。
• card 玻璃拟态登录卡片，带有柔和边框和模糊效果。
• input 深色输入框，带有微妙的边框。
• hero 粗体大标题，附带辅助说明文字。

• 语气 专业且自信
• 标题风格 粗体且具有声明性
• 按钮文案 清晰且面向行动

• 不要使用明亮、饱和的主色——截图显示的是带有柔和色调的深色主题。
• 不要为主要内容区域使用浅色背景——截图显示的是深色 #0D1117 背景。
• 不要使用圆润、气泡状的字体——截图显示的是锐利、无衬线显示字体。
• 不要使用繁杂的图案或复杂的纹理——截图显示的是干净、富有氛围的渐变。
• 不要使用厚重的投影——截图显示的是微妙、最小化的层次提示。
• 不要使用俏皮或异想天开的插图——截图显示的是严肃、以开发者为中心的UI。
• 避免: 俏皮的语言
• 避免: 过于随意的语气
• 避免: 过多的术语