Superhi Plus

一个融合编辑清晰度与趣味性社区图标的现代合作社平台。

以主导的鲜明蓝色和中性浅灰色形成高对比度双色调，白色用于次要表面。

grotesque-sans · humanist-sans

• display56px · 500
• heading32px · 500
• body18px · 400

标题和展示字体使用中等字重（500），避免粗体厚重感。 · 正文采用高度易读的人文主义无衬线字体，行高宽松。 · 大号展示文本使用紧凑字距，营造现代精致感。

采用宽松的垂直间距，行高为1.6倍以提升可读性，基础增量为8-16px。

1px solid rgba(0, 0, 0, 0.08)

0 2px 8px rgba(0, 0, 0, 0.06)

双栏分割布局，左侧大栏用于主视觉内容，右侧栏用于详细信息。

悬停状态下的平滑颜色过渡。

交互元素在悬停时轻微缩放或颜色变化。 · 轻微按压或透明度变化。

• button 纯色蓝色按钮搭配白色文字，圆角（胶囊形或大圆角）。
• card 未明确展示，但可能设计简洁，阴影较淡。
• chip 未展示。
• input 未展示。
• hero 大号字体搭配分割背景（浅灰色和纯色蓝色）。

• 语气 赋能、清晰且以社区为导向。
• 标题风格 直接且注重利益驱动，使用中等字重以增强亲和力。
• 按钮文案 清晰、行动导向的动词，如“获得报酬”或“加入”。

• 不要使用霓虹色或过于饱和的强调色——配色方案限于蓝色和中性色。
• 不要在标题中使用粗重字重——设计依赖中等（500）字重。
• 不要添加复杂的背景纹理或渐变——表面保持纯色或纯色块。
• 不要使用紧凑的正文行高——1.6倍的宽松间距对可读性至关重要。
• 不要使用尖锐的矩形按钮——圆角和胶囊形状是标准做法。
• 不要用过多栏目或元素使布局拥挤——优先选择宽敞、透气的分区。
• 避免: 过度企业术语
• 避免: 激进销售语言
• 避免: 视觉杂乱或繁忙图案