Visual Imagery

Illustration

Illustration is an integral part of the Dropbox design ecosystem. This section explains its role and how it should be applied.

On this page

See

Most of the illustrations in out-of-home campaigns, advertisements, and digital banners will be hero illustrations, which allow for more-detailed environments and deeper storytelling. All of these illustrations are in the motivational tone category because we want them to trigger the interest of potential users.


Usage

Hero illustrations are always full-bleed.

Illustration Applications See Fullbleed

The color of the cut shape should be the same as any adjacent plane.

Illustration Applications See CutShape

Hero illustration can appear on a background that uses a base color or accent color. When the illustration appears on an accent color, the cutout shape is Coconut. (See & Buy only)

Illustration Applications See Color 1
Illustration Applications See Color 2

Hero illustration can be combined with customer files or product UI. Juxtaposition should follow the same guidelines as customer photography

Illustration Applications See UI

Placement examples: OOH, signed-out web, marketing


Don’ts

Illustration Applications See Dont 2
Illustration Applications See Dont 3

Don’t distort an illustration.

Illustration Applications See Dont 1

Don’t scale an illustration

Illustration Applications See Dont 5

Don’t forget the skin tones.

Illustration Applications See Dont 4

Don’t use two accent colors.