Dockstore Logo Usage Guidelines

About

This document provides the guidelines for the use of the Dockstore logo and icon.

Color

The official Dockstore color is:

Dockstore Blue

Dockstore Dot

Hex: #7986CB

R: 121, G: 134, B: 203

When using the Dockstore logo or icon, the acceptable colors are Dockstore Blue, black, or white as shown in the “Logo” section of this document.

If the surrounding color is visually unappealing with Dockstore Blue, please use the black or white variants as appropriate.

Logos

A zip file containing logos can be downloaded here.

The zip file contains:

  • PNG files in several resolutions of the logos and icons.

  • SVG files of the logos and icons.

  • EPS files of the logos and icons.

Horizontal

Vertical

Icon

Horizontal Blue

Vertical Blue

Icon Blue

Dockstore-logo-horizontal-blue

Dockstore-logo-vertical-blue

Dockstore-icon-blue

Horizontal Black

Vertical Black

Icon Black

Dockstore-logo-horizontal-black

Dockstore-logo-vertical-black

Dockstore-icon-black

Horizontal White

Vertical White

Icon White

Dockstore-logo-horizontal-white

Dockstore-logo-vertical-white

Dockstore-icon-white

Horizontal Black Blue

Vertical Black Blue

Dockstore-logo-horizontal-black-blue

Dockstore-logo-vertical-black-blue

Horizontal White Blue

Vertical White Blue

Dockstore-logo-horizontal-white-blue

Dockstore-logo-vertical-white-blue

Use

Do:

  • Use the logo or icon color that works best in the context of the document, web page, or application.

  • Use the Dockstore logo when space permits. Use the Dockstore icon only when space is limited or when it is clear that the reference is to Dockstore.

  • Provide the Dockstore logo equal prominence to any other brands with which it is shown.

  • Allow for adequate space around the logo when used in conjunction with other identifiers.

Do not:

  • Place the logo on clashing colored backgrounds.

  • Place the logo on similar tints.

  • Place any logo variation on busy backgrounds.

  • Place special effects such as drop shadows on the logo.

  • Skew or distort the logo.

  • Alter the color of the logo.