Dropbox

# Dropbox Design System

## Visual Theme & Atmosphere
Friendly cloud workspace. Bright blue (#0061FF) creates energy and trust. Clean card-based layouts organize files visually. Yellow (#FFD830) accent adds warmth. The paper-fold logo is universally recognized.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #0061FF | Dropbox Blue |
| Secondary | #3B7DFF | Blue hover |
| Accent | #FFD830 | Yellow accent |
| Background | #FFFFFF | Clean white |
| Surface | #F7F7F7 | Light panels |
| Text | #1E1919 | Dark text |
| Muted | #637282 | Secondary text |
| Border | #D7D7D7 | Light border |

## Typography Rules
- **Font**: Atkinson Hyperlegible (accessible-first)
- **Base Size**: 16px
- **Line Height**: 1.5

## Component Stylings
- **File Cards**: Image thumbnails, metadata below, hover actions
- **Grid**: Clean multi-column file browser
- **Buttons**: Blue primary, outline secondary

## Agent Prompt Guide
Clean white background, vibrant blue accents, card-based file layouts, friendly rounded UI, accessible typography.