Designfulltime

面向有抱负的创意人士的高端大师课平台

深色背景与亮白色文字之间形成高对比度，并使用活力橙色作为强调色以促进转化。

geometric-sans · humanist-sans

• display48px · 700
• body18px · 400

标题使用粗体以增强视觉冲击力。 · 正文使用较细的字重以保证可读性。

区块间采用宽松的垂直间距，营造高级感。

使用 10% 不透明度的白色实线边框，微妙地划分区块。

0 4px 6px rgba(0, 0, 0, 0.3)

标准的营销布局，包含首屏区域，随后是交替的内容区块。

按钮和链接的简单淡入效果与细微的悬停状态。

交互元素上的细微背景色变化或不透明度改变。 · 按钮点击时提供即时视觉反馈。

• button 采用高对比度文字的纯色填充按钮；部分按钮使用橙色渐变。
• card 采用深色背景的大尺寸卡片，包含图片缩略图和明确的行动号召。
• chip 极简风格，主要用于类似“新课程！”的徽章，采用橙色斜角丝带样式。
• input 在提供的截图中不明显。
• hero 大尺寸居中标题区域，包含强有力的价值主张和宽阔的推广横幅。

• 语气 直接、有抱负且专业。
• 标题风格 简短有力，聚焦结果，例如“更高薪酬”或“更高效”。
• 按钮文案 以行动为导向且具体，通常包含价格或价值。

• 避免使用浅色背景——截图显示了一致的暗色模式美学。
• 避免标题使用细字体——截图显示使用粗体字以强调。
• 避免使用多个相互竞争的强调色——截图主要使用单一的主导橙色。
• 避免使用复杂的装饰性边框——截图依赖于简洁、干净的线条和间距。
• 避免长段落使用居中文本——截图使用左对齐文本以保证可读性。
• 避免使用小而拥挤的间距——截图显示元素之间留有充足的空白。
• 避免: 过于随意的语言
• 避免: 软弱或被动的行动号召
• 避免: 模糊的承诺