Usedrop

一个专为商业分析优化的、简洁现代的社交媒体平台。

简洁的高对比度配色，采用大胆的深色与紫色点缀。

transitional-serif · humanist-sans

• display169px · 400
• h148px · 400
• body14px · 400

标题使用高对比度的过渡衬线字体。 · 正文使用简洁、中性的人文主义无衬线字体。 · 展示性文字严格使用负字间距。

所有间距与尺寸均采用统一的4像素网格。

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

采用大尺寸视觉区块的非对称双栏布局。

UI 元素采用平滑的淡入效果。 · 按钮与卡片具备交互式悬停状态。

交互元素具备细腻的缩放或色彩变化。 · 通过轻微的移动提供即时的触觉反馈。

• button 高对比度的胶囊形按钮（黑色/白色）以及简洁的轮廓标签。
• card 深色、圆角的卡片，搭配简洁的排版。
• chip 小型胶囊形开关（例如：社交客户关系管理 / 付费广告）。
• input 极简、干净的输入框，带有细微的边框。
• hero 醒目的衬线标题，辅以说明性正文和高对比度的深色插图区块。

• 语气 自信、现代、直接。
• 标题风格 有力、以收益为导向、且在视觉上占主导地位。
• 按钮文案 清晰、以行动为导向（例如：“立即开始”）。

• 不要使用小巧、纤细的衬线字体——截图显示的是巨大、高对比度的展示衬线字体。
• 不要仅使用白色配色——截图显示主导的深色表面（#101010）和紫色点缀（#B8AFDA）。
• 不要使用复杂的、多步骤的表单——截图显示的是精简的、类似聊天的交互流程。
• 不要使用僵化、密集的网格——截图显示的是充裕的留白和非对称布局。
• 不要使用细微、次要的按钮——截图显示的是大胆、高对比度的主行动号召。
• 不要为标题使用普通的无衬线字体——截图使用的是独特的过渡衬线字体。
• 避免: 杂乱的布局
• 避免: 低对比度
• 避免: 过时的美学

历史提取与模型分析 · 尚未逐项校验