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.