LiveKit

高性能实时通信引擎室。

采用深青色基底的高对比度暗色模式，以单一亮青色强调色突出主要操作。

grotesque-sans · humanist-sans · ui-monospace

• display56px · 500
• body16px · 400
• caption12px · 400

标题字体采用-1px字间距，呈现紧凑有力的视觉效果。 · 正文保持1.5倍行高以确保可读性。 · 等宽字体严格保留用于技术术语或代码引用。

基于严格4px网格构建界面，确保垂直与水平间距的一致性与可预测性。

1px solid rgba(255,255,255,0.1)

0px 0px 8px 0px rgba(0,229,255,0.15) · 0px 1px 3px 0px rgba(0,0,0,0)

采用标准12列网格居中内容，将段落最大宽度控制在680px以获得最佳阅读体验。

内容区域进入视口时采用平滑淡入与上滑动效。 · 按钮通过颜色与边框过渡提供即时悬停反馈。

按钮通过改变透明度或添加细微边框光晕响应；链接通过下划线或变色提示。 · 按钮通过短暂缩放或亮度变化呈现按压状态。

• button 主要按钮为青色胶囊形态配深色文字；次要按钮为透明底色配细微白色边框。
• card 大型暗色表面卡片，采用1px细微边框且无投影阴影，用于功能说明。
• chip 用于技术标签或计数的小型圆角徽章，常采用半透明背景。
• input 暗色输入框带1px边框，聚焦时以强调色高亮显示。
• hero 居中全宽区域，包含大型标题、辅助文本及堆叠/内联操作按钮。

• 语气 技术性、权威性，聚焦开发者需求。
• 标题风格 大号加粗直述式，常突出关键技术能力或平台优势。
• 按钮文案 行动导向的祈使句式，如'开始构建'或'联系销售'。

• 请勿使用浅色主题——截图展示的是严格暗色模式环境。
• 请勿为标题使用装饰性或衬线字体——截图显示为简洁的技术无衬线字体。
• 请勿使用多样色彩——截图显示为单色系搭配单一强调色。
• 请勿使用大面积厚重投影——截图显示主要基于边框的表面设计。
• 请勿为重要操作按钮使用圆角矩形——截图显示为胶囊形态按钮。
• 请勿在主视觉区域使用多栏文本布局——截图显示居中单栏信息架构。
• 避免: 模糊的营销话术
• 避免: 过度随意的口语
• 避免: 模糊的技术术语

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