Superlist

一个流畅的数字指挥中心，将您分散的列表整合成一个优雅的界面。

深色模式优先，搭配用于主要操作和重点内容的醒目橙色强调色。

geometric-sans · humanist-sans · monospace

• display70px · 600
• heading48px · 500
• body16px · 400

为大尺寸展示标题使用紧凑的负字距。 · 强调部分使用粗体，正文内容使用较细的字重。 · 确保所有关键文本具有高对比度（深色背景上的白色文字）。

一致使用 4px 网格，主视觉区域采用充足的 padding。

使用 rgba(255,255,255,0.08) 的 1px 微妙边框进行分隔。

0px 10px 15px 0px rgba(0, 0, 0, 0.08) · 0px 1px 1px 0px rgba(0, 0, 0, 0.1) · inset 0px 0.5px 0px 0px rgba(255, 255, 255, 0.45)

居中内容，搭配全宽深色主视觉区域和堆叠的功能区块。

hover 时的颜色过渡 · 平滑的淡入效果

颜色变化和细微的透明度调整。 · 即时的视觉反馈。

• button 药丸形按钮，文字加粗，主要使用醒目的橙色强调色。
• card 深色卡片，具有微妙边框和柔和阴影，圆角为 20px。
• chip 在截图中未突出展示。
• input 干净、极简的输入框，采用深色背景。
• hero 深色背景上的大号居中文字，下方是大型产品预览。

• 语气 自信、现代，且极具生产力。
• 标题风格 简短、有力、富有冲击力的短语，强调统一性。
• 按钮文案 直接且面向行动，例如“免费注册”。

• 不要使用浅色背景——截图显示的是一个深邃、沉浸式的界面。
• 不要使用圆润的衬线字体——截图显示标题使用了几何无衬线字体。
• 不要整页使用单栏布局——截图展示了多样化的布局。
• 不要使用微妙、低对比度的按钮——截图展示了醒目、高饱和度的强调色按钮。
• 不要使用过多的投影——截图显示的是柔和、微妙的层次感。
• 不要使用小而局促的间距——截图显示了充足的 padding 和 margin。
• 避免: 杂乱的布局
• 避免: 柔和或粉彩色的配色方案
• 避免: 复杂、多层的导航

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