Tinybird

一个高性能的数据流终端。

采用单一、鲜亮的霓虹绿色点缀作为视觉焦点的高对比度暗色模式。

humanist-sans · monospace

• display64px · 400
• h148px · 400
• body16px · 400
• caption14px · 400

标题使用紧凑字距（-1px）和标准字重。 · 正文在深色背景上使用浅灰色，确保清晰易读。 · 等宽字体用于技术术语、标签和面向开发者的界面元素。

一致的8px和16px增量构建出紧凑、高效的网格系统。

纤细、低不透明度的白色边框用于定义浮动表面，如Cookie弹窗和卡片。

采用标准12列网格，配以充裕留白以确保内容可读性。

背景颜色和文本状态的细微、平滑过渡。 · 交互元素的最小化缩放或变换动画。

交互元素发生细微的颜色或透明度变化。 · 通过颜色过渡提供即时反馈。

• button 主按钮使用鲜亮的绿色点缀；次要按钮和幽灵按钮使用等宽字体或纤细边框。
• card 卡片采用深色背景，配以纤细、低不透明度的边框和最小内边距。
• chip 标签和标记使用方括号内的等宽字体，通常带有细微背景。
• input 表单输入框和开关遵循标准的暗色模式样式，边框简洁。
• hero 主视觉区域采用巨大的、字距紧凑的排版，居中于页面。

• 语气 技术化、自信且直接。
• 标题风格 简洁、以行动为导向，常使用大尺寸排版增强冲击力。
• 按钮文案 清晰且注重功能，常使用等宽字体或鲜亮的绿色点缀。

• 不要使用多种点缀色——截图显示仅使用单一主导的霓虹绿色点缀。
• 不要使用衬线字体——截图显示标题和正文均使用简洁的无衬线字体。
• 不要使用厚重的投影——截图显示使用薄边框的扁平化浮动表面。
• 不要使用复杂渐变——截图显示使用纯色深色背景，纹理极少。
• 不要过度使用圆角——截图显示大多数组件使用直角或极小圆角。
• 不要在正文中使用全大写——截图使用标准的句首大写以保证可读性。
• 避免: 缺乏上下文的术语
• 避免: 过度装饰性元素
• 避免: 被动语态

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