Ghostery alternate logo

Brand Guidelines

Ghostery experiences significant growth and one of the challenges we are facing during the process is keeping our design refined and consistent across the Ghostery Privacy Suite. This live design page is acting as a central hub to showcase design principles, style guide and brand assets.

Arrow down

Color Specifications

PRIMARY COLORS

We use color to bring consistency and a feeling of harmony to Ghostery. Our main color is blue. We use it generously to help users recognize us instantly.

HEX: #00AEF0
RGB: 0 / 174 / 240

HEX: #2F3136
RGB: 47 / 49 / 54

HEX: #000000
RGB: 0 / 0 / 0

HEX: #FFFFFF
RGB: 255 / 255 / 255

SECONDARY COLORS

To support brand color we provide a collection of secondary colors to have a stark contrasts between used colors.

HEX: #129bf2
RGB: 18 / 155 / 242

HEX: #f77d7a
RGB: 247 / 125 / 122

HEX: #88898c
RGB: 136 / 137 / 140

GRADIENT

CSS: linear-gradient(166deg, #129bf2 7%, #f77d7a 92%);

We make privacy easy

CSS: linear-gradient(166deg, #129bf2 7%, #f77d7a 92%); background-clip: text;

FUNCTIONAL COLORS

Functional colors indicate particular functions and states in the apps contained in the Ghostery privacy suite or our website.

HEX: #FF4500
RGB: 255 / 69 / 0

HEX: #FFBB00
RGB: 255 / 187 / 0

HEX: #43AC3C
RGB: 67 / 172 / 60

Typography

BEBAS NEUE

The font used in the logo is Bebas Neue, but it is only used in the logotype.

ROBOTO

The Roboto font family is used for our website and all web-based collateral. The huge variety of font weights and widths will ensure immenense flexibility, and consistency for the future growth of the identity.

ABCDEF
abcd1234

ROBOTO CONDENSED

Roboto Condensed is to be used for all headlines and calls to action.

ABCDEF
abcd1234