精选 · 开放 · 免费

Daily

一个面向全球实时通信平台的极简单色界面。

01

设计气质 DNA

工业级基础设施提供商，拥有简洁、面向开发者的美学风格。

02

色彩

严格的单色色板，通过高对比度和中性灰聚焦于内容清晰度。

03

字体

humanist-sans · monospace

• display48px · 500
• headline36px · 500
• subhead20px · 400
• body16px · 400
• label14px · 400
• stat36px · 500

标题和正文使用 DM Sans（人文无衬线体）。 · 界面标签、导航项和技术注释使用 DM Mono。 · 大标题采用紧凑字间距，大写标签采用宽松字间距（0.7px）。

04

间距

标准的 4px 基准网格，主要章节间采用充裕的垂直间距（48px-96px）。

05

表面 (圆角 / 阴影 / 边线)

1px solid #E5E7EB

0px 4px 6px -4px rgba(0,0,0,0.1) · 0px 10px 15px -3px rgba(0,0,0,0.1)

06

布局

不对称的主视觉区，左侧为文本，右侧为简约图形；统计数据采用结构化网格。

07

动效与交互

标准界面交互采用平滑的透明度和变换过渡。 · 内容出现时采用微妙的淡入和上滑效果。

交互元素采用标准的颜色和背景过渡（0.15秒）。 · 立即提供视觉反馈，无显著缩放或复杂动画。

08

组件

• button 单色按钮，可选纯黑背景配白色文字，或幽灵样式配方形项目符号前缀。
• card 简洁、无边框的内容块，由细微的水平分隔线隔开。
• chip 等宽字体大写文本标签，用方括号括起，如 [PLATFORM]。
• input 极简风格，在主视图中不突出呈现。
• hero 醒目、加粗的大标题，配以简洁的副标题和主要操作按钮。

09

文案语气与禁用清单

• 语气 专业、权威且精确。
• 标题风格 直接且具描述性，聚焦于规模与能力。
• 按钮文案 以行动为导向，例如‘开始构建’和‘了解更多’。

• 不使用鲜艳的强调色——截图显示为严格的单色色板。
• 不使用装饰性或衬线字体——截图仅显示人文无衬线体和等宽字体类别。
• 不使用圆角、友好的卡片样式——截图显示为直角或轻微圆角（4px）及硬质分隔线。
• 不使用拥挤、局促的布局——截图显示章节间有充裕的留白（48px-96px）。
• 不使用非正式、随意的语言——截图使用‘WebRTC 基础设施’等精确的技术术语。
• 不使用复杂、杂乱的背景图案——截图使用纯净的近白色（#FCFCFC）背景。
• 避免: 过度营销术语
• 避免: 复杂的句子结构
• 避免: 缺乏技术支撑的模糊主张

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko