COLOR

Vanilla’s logo can be rendered in 3 colors:

• Dark Navy (default, on white or light backgrounds)
• Indigo (less common, on white or light backgrounds)
• Salt (on dark backgrounds)

Learn more about brand colors in the “Color” section below

USAGE GUIDELINES

A few simple rules for using the Vanilla logo:

• Give logo ample spacing (use the “V” as a guidelines for minimum padding if unsure)
• Place logo on solid color or subtle gradient backgrounds only
• Do not distort, stretch, crop, or add effects like drop shadows or gradient and image fills.

PARTNER LOCKUPS

Guidelines for locking up the Vanilla logo with a partner logo:

• Use 2 “V’s” as the baseline for spacing
• Bisect the space with a line that is 1/5th the width of the “l” in the logo and 1.5x the height of the “V”
• Optically adjust the size and position of the partner logo, this requires accounting for size and weight to create balance.
• In the case of the Mariner logo to right, it has been scaled to a smaller height to account for its length, nudged left to account for the different space created by the “R” in relation to the Vanilla “V”, and nudged down to account for its all-caps styling in relation to Vanilla’s title case.

Secondary

The Vanilla brand also uses a wide palette of secondary colors.

Indigo Tints

• Perriwinkle (#7A88F4)
• Light Purple (#A6B0F7)
• Lavendar (#E5E7FD)
• Pale Blue (#F3F7FA)

Gray Tints

• Slate (#444B5D)
• Comet (#515A6F)
• Stone (#808A9E)
• Smoke (#C8CFDA)
• Chalk (#F3F5F9)

Gradients

The brand also frequently uses low-contrast gradients, primarily as background fields.

Gradients should be low contrast to create a subtle effect. Gradients with wide ranges of saturation, value, or hue are not used. See examples of approved and incorrect gradients to the right.