Frame

一个面向视频专业人士的高端深色主题指挥中心。

在深沉、层次丰富的深色背景上，以主色紫色强调色实现高对比度。

humanist-sans

• display56px · 600

标题采用粗体和紧凑字间距以增强视觉冲击力。 · 正文使用常规字重，间距宽松以提高可读性。 · 主要文字使用白色，次要信息使用柔和的灰色。

采用一致的4px网格，各区域和元素之间具有清晰的垂直间距。

使用10%不透明度的1px实线边框进行微妙的层次分隔。

0 4px 24px rgba(0, 0, 0, 0.4)

英雄区域包含大号文本，下方是突出的产品截图或视频。

UI元素的微妙淡入效果。 · hover状态和平滑过渡指示器的平滑过渡。 · 播放头和评论标记在时间轴上动态移动。

按钮和交互元素上微妙的背景色变化，以及光标变化。 · 主要操作上的即时视觉反馈或状态变化。

• button 主按钮使用醒目的强调色和药丸形状；次要按钮使用带微妙边框的描边样式。
• card 深色卡片，带有微妙边框和圆角，用于展示文件资源和评论。
• chip 状态标签或芯片，使用低不透明度的背景色和圆角。
• input 深色输入框，带有微妙边框，聚焦时可能会以强调色高亮。
• hero 深色背景上，左侧对齐的大胆标题，后跟描述性文字和两个不同的行动号召按钮。

• 语气 专业、赋能且直接。
• 标题风格 大胆、大尺度的陈述，清晰传达价值。
• 按钮文案 行动导向的短语，如“免费试用”和“产品导览”。

• 不要使用浅色背景——界面深深植根于深色模式美学。
• 不要使用华丽或装饰性的字体——字体排版应干净，采用人文主义无衬线体。
• 不要使用多个相互竞争的强调色——充满活力的紫色是主要的视觉焦点。
• 不要在文本上使用厚重的投影——对比度通过颜色和字重实现。
• 不要在所有组件上使用生硬的尖角——应普遍使用微妙的圆角。
• 不要在主要信息上使用低对比度的文本——界面优先考虑使用深色背景上的白色以确保可读性。
• 避免: 过于随意或充满俚语的语言。
• 避免: 主要营销文案中堆砌密集的技术术语。
• 避免: 模糊或含糊的承诺。