01
设计气质 DNA
实时基础设施WebRTC全球企业开发者
工业级基础设施提供商，拥有简洁、面向开发者的美学风格。
02
色彩
#161618Ink#374151Ink soft#FCFCFCBG#F4F5F6BG soft#6B7280Mutedrgba(229,231,235,1)Line严格的单色色板，通过高对比度和中性灰聚焦于内容清晰度。
03
字体
- display
48px · 500 - headline
36px · 500 - subhead
20px · 400 - body
16px · 400 - label
14px · 400 - stat
36px · 500
标题和正文使用 DM Sans（人文无衬线体）。 · 界面标签、导航项和技术注释使用 DM Mono。 · 大标题采用紧凑字间距，大写标签采用宽松字间距（0.7px）。
04
间距
4px8px16px24px32px48px64px96px标准的 4px 基准网格，主要章节间采用充裕的垂直间距（48px-96px）。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 4px
lg · 0px
pill · 9999px
1px solid #E5E7EB
0px 4px 6px -4px rgba(0,0,0,0.1) · 0px 10px 15px -3px rgba(0,0,0,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
不对称的主视觉区，左侧为文本，右侧为简约图形；统计数据采用结构化网格。
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
标准界面交互采用平滑的透明度和变换过渡。 · 内容出现时采用微妙的淡入和上滑效果。
交互元素采用标准的颜色和背景过渡（0.15秒）。 · 立即提供视觉反馈，无显著缩放或复杂动画。
08
组件
- button 单色按钮，可选纯黑背景配白色文字，或幽灵样式配方形项目符号前缀。
- card 简洁、无边框的内容块，由细微的水平分隔线隔开。
- chip 等宽字体大写文本标签，用方括号括起，如 [PLATFORM]。
- input 极简风格，在主视图中不突出呈现。
- hero 醒目、加粗的大标题，配以简洁的副标题和主要操作按钮。
09
文案语气与禁用清单
- 语气 专业、权威且精确。
- 标题风格 直接且具描述性，聚焦于规模与能力。
- 按钮文案 以行动为导向，例如‘开始构建’和‘了解更多’。
- 不使用鲜艳的强调色——截图显示为严格的单色色板。
- 不使用装饰性或衬线字体——截图仅显示人文无衬线体和等宽字体类别。
- 不使用圆角、友好的卡片样式——截图显示为直角或轻微圆角（4px）及硬质分隔线。
- 不使用拥挤、局促的布局——截图显示章节间有充裕的留白（48px-96px）。
- 不使用非正式、随意的语言——截图使用‘WebRTC 基础设施’等精确的技术术语。
- 不使用复杂、杂乱的背景图案——截图使用纯净的近白色（#FCFCFC）背景。
- 避免: 过度营销术语
- 避免: 复杂的句子结构
- 避免: 缺乏技术支撑的模糊主张
10
包内真实截图
11
System Prompt
设计一个面向全球实时基础设施平台的极简开发者界面。系统采用严格的单色色板，包括近白色（#FCFCFC）和深炭灰色（#161618），次要文本使用中灰色（#6B7280），边框使用 #E5E7EB。字体分为人文无衬线体（DM Sans）用于主要内容，等宽字体（DM Mono）用于界面标签和导航，保持 4px 基准网格和充裕的垂直韵律。关键禁忌：避免任何鲜艳的强调色，不使用装饰性衬线字体，绝不使用圆角、‘友好’的卡片组件。布局应优先考虑极致的清晰度和专业权威感，而非视觉华丽。