Logotype and icon
The “O” icon may be used as shorthand for the full “Olive” logo, but should never be used in conjunction with the logotype.
To ensure correct usage of our logos, please read all of the rules on the following pages. Never alter the spacing, relative size or orientation of the logotype. Only use approved electronic artwork, and don’t redraw the logotype.
Download logos
Our assets come in a variety of formats for use in a range of applications. The logos in our asset kit are saved in one of three file types: EPS, JPG, PNGLogotype
“O” icon
Clearspace and scale
Logo clear space (also known as the “exclusion zone”) is designed to create a clear area around the logo.
The examples below show the relevant exclusion area for the primary logotype, as well as the icon when used independently of the logotype.
As illustrated, the minimum clear space is defined by the size of the inner space of the Olive “O”. Use the safety area zone between the logo and other graphic elements, such as type, images and other logos to ensure it retains a strong presence wherever it appears.
Where possible, allow even more space around the logos.
Primary
Icon
Exceptions
Minimum scale
The logo should not be reproduced smaller than the specified minimum size because doing so compromises its readability.
Just as the logo shouldn’t be smaller than the minimum size, it also should not
be proportionately too large for its intended usage.
As a general rule, scale and proportion should be determined by the available space, aesthetics, function and visibility.
Primary
PRINT
.75″ / 19.05 mm
SCREEN 54 px
Icon
PRINT
.25″ / 6.35 mm
SCREEN 18 px
Color
The Olive logo should work across all media. The logo colorway you choose will depend on the context in which the logo appears, (or based on print requirements).
On white or light backgrounds, the preferred colorway is Olive Purple. On dark backgrounds, the logo can be reversed to white. In some instances, a more subtle color relationship may be desired, so it is also acceptable to use an Olive Purple logo over a background that is Olive Dark Purple.
The Olive logo also works very well when reduced to black or in white, reversed out of a background.
Lighter Background
WCAG contrast compliance
Darker Background
WCAG contrast compliance
Black and white version
Placement
The location of the logo in layouts is important for recognition — especially when seen multiple times across various touchpoints. The identity system gives guidance for general logo placement.
Generally, logo placement priority is as follows: lower left, upper left, upper right, lower right.
Relative size
The Olive logo should not appear inappropriately large on any layout, surface or display. It should be proportionate to the other elements surrounding it. A general guideline is the width of the logo should not exceed 30 percent of the total width of a layout.
Paired with type
In limited situations such as directional signage, the Olive logo can be paired with type. Text x-height should match the x-height of the logo.
Social icons
App icons follow the clearspace guidelines and are designed based on platform specifications.
Icons
Construction
Restrictions
Do not stretch or compress the logo
Do not alter the logo in anyway.
Do not pair the logo with additional elements that could be confused as the logo.
Do not change the typeface or attempt to recreate the logo.
Do not use with insufficient color contrast or over the busy area of a photograph.
Do not use special effects, filters or drop shadows with the logo.
Do not use non-approved color variations with the logo.
Do not add additional design elements to the logo.
Do not use the “O” icon as a letter.
Do not rotate the logo.
Do not outline the logo.
Do not use the “O” icon as part of a sentence.