Tvexplorer Live

一个用于全球媒体探索的、简洁的深色模式仪表盘。

高对比度的深色基底，搭配低调的灰色和单一的蓝色强调色以突出重点。

geometric-sans · humanist-sans

• display48px · 500
• heading24px · 400
• body16px · 400
• label12px · 500

充裕的垂直间距，营造居中、宽敞的布局。

分类卡片上使用非常微妙、低对比度的边框。

居中的单栏主视觉区域，随后是用于分类的三栏网格。

卡片和按钮上可能采用微妙的背景变亮效果。 · 标准的按钮按压状态。

• button 大型、全宽、圆角矩形按钮，采用低调的填充色和文字。
• card 深色、圆角矩形卡片，包含居中的图标、标题和描述，用于分类展示。
• chip 不可见。
• input 不可见。
• hero 居中的基于文本的主视觉区域，包含大标题、统计数据行、副标题和主操作按钮。

• 语气 直接、功能性强且富有吸引力。
• 标题风格 简短、陈述性的短语。'不只是看电视，去探索。'
• 按钮文案 以行动为导向，并使用强调色高亮。

• 不要使用明亮或复杂的背景——截图显示为纯黑色（#000000）背景。
• 不要使用多种强烈的强调色——截图仅使用一个低调的蓝色（#2196F3）作为强调。
• 不要使用装饰性衬线字体——截图使用简洁的几何与人文主义无衬线字体类别。
• 不要创建密集、多栏的布局——截图使用的是宽敞、居中的单栏流式布局。
• 不要使用生硬的投影——截图显示组件上没有可见的阴影。
• 不要使用纤细、高对比度的边框——截图在卡片上使用非常微妙、低对比度的边框。
• 避免: 杂乱的布局
• 避免: 明亮的霓虹色彩
• 避免: 厚重的装饰元素