Dropbox Design System

云存储极简美学 · 文件抽象化 · 2026.02.18

700M+
Users
1.2B
Files/Day
180+
Countries
Design Tokens

Dropbox 的设计语言追求"轻盈"——大面积留白、柔和蓝色、极简图标,让文件成为焦点。

:root {
  --color-primary: #0061FF; /* Dropbox Blue */
  --color-bg: #F7F9FA; /* Surface */
  --radius-card: 8px;
  --shadow-soft: 0 2px 8px rgba(0,0,0,0.04);
}
#006
#0D8
#000
#637
#F7F
File Card System

文件卡片设计——统一的缩略图区域 + 元数据区,文件类型图标清晰可辨。

.file-card {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow 0.2s;
}
Design Philosophy
  • File as Hero: 文件本身是最重要的内容
  • Zero Learning: 拖拽即用,无需学习
  • Calm Interface: 界面安静,不打扰用户
  • Cross-Platform: 跨设备一致性体验
The Formula

Simplicity = File − Complexity

极简之美 = 文件 - 复杂性