Foundation
Logo
This section explains how to use the Dropbox logo and its system across our three main applications: See, Buy, and Use.
Buy
The tab moves from being the fulcrum to having a secondary role, which allows the viewer to focus more on the informational/functional content of the communication.

Tab placement
The tab appears in the top left corner of signed-out web on desktop and mobile.

Tab color
In signed-out web, use the primary colorway in both Light mode and Dark mode.

Primary

Primary: Dark mode
Wordmark color
In the planes layout system for a Buy communication, the Dropbox wordmark can be either Graphite on a Coconut background or Coconut on a Graphite background.

Primary

Primary: Dark mode

Don’t use an accent color.

Don’t apply an effect such as shadow.
Don’ts

Don’t place the tab anywhere except the top left.

Don’t change the tab color.