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

极简之美 = 文件 - 复杂性