Logo Overview
Webgility’s logo is uniquely designed to foster ready recognition, and its integrity must be protected by consistently proper use.
Primary Logo
Webgility’s’ primary logo is composed of the “W” symbol (or logo mark) paired with the uppercase WEBGILITY text. The font used for “Webgility” is Hurme Geometric 1. The color used in the symbol is Webgility Orange (HEX #F35627), while the text is black.
This version of the logo is intended to be used against lighter backgrounds or images in order to maintain legibility. This is the logo version that will be used across our primary brand applications.
It is essential to the success of the brand that this logo is applied according to the above guidelines in every application.
*Note the horizontal lockup.
Secondary Logo
Webgility has two other logo applications that can be used in specific situations in place of the primary logo. These secondary logos should never be used directly alongside the primary logo.
When the primary logo doesn’t fit your composition, use the vertical lockup.
This mark is to be used sparingly by the Webgility Design team only , for uses such as the profile image for social channels, as well as on apparel and promotional items.
Logo Clearspace
To ensure legibility and prominence, it is essential that clear space is maintained around the logo. Therefore, when integrating it with photos, text, and graphic elements, please follow the guidelines illustrated below. Use the letter “W” as a measuring guide to help maintain proper clearance around the logo.
Our logo should always have space to breathe.
Use the letter “W” as a measuring guide to help maintain proper clearance around the logo.
Logo Colors
When using our primary logo, vertical logo, or logo mark against a dark background or image, using the reverse version of the logo is acceptable.
On white or light backgrounds, use our full-color logo.
On dark colored backgrounds, use our full-color logo with white text.
Printing one color? Use our black logo.
On colored backgrounds, use our white logo.Unacceptable Logo Usage
When using the logo, beware of damaging its integrity by altering it in a non-approved fashion. The following are a few examples of non-acceptable logo modifications. Have a question about whether a certain logo usage is acceptable? Reach out to the Webgility Marketing team at marketing@webgility.com.
Never alter the logo’s color, whether it’s by adding a gradient to the type or changing the color of the mark.
Never screen back or add opacity to the logo.
Never manipulate the logo’s form by removing any of its elements.
Never manipulate the mark in any way by adding a gradient.
Never skew, manipulate, or change the form or structure of the mark or type.
Never add an effect to the logo, including drop shadows, bevels, or gradients.Logo Applications
Readability is essential when using our logo. Only use the Primary logo on white or light colored backgrounds. When using the white logo, make sure to choose a darkened version of the image or add an overlay color to the image, especially if the image is busy. Never force the logo onto an image or background that compromises its legibility.
If you need to put the logo on a busier image, apply an overlay color on the photo and use the white logo.
This is an acceptable use of the logo on an image.
Don’t force the logo onto an image or background that compromises its legibility.Our Color Palette
The colors represented in Webgility’s logo, website design, and other product and marketing assets help underpin the defining elements and core values of our business.
Primary Colors
Webgility’s primary colors are Webgility Blue, Webgility Orange, and Webgility Black. Blue symbolizes stability, reliability, serenity, and wisdom. Orange is associated with enthusiasm, success, health, and balance. While text should always be rendered in Webgility black, dark grey, or white, our primary colors can be used to highlight CTAs or specific headings.
HEX: 334CEB
R: 51
G: 76
B: 235
Webgility Blue
HEX: F35627
R: 243
G: 86
B: 39
Webgility Orange
HEX: 00071D
R: 0
G: 7
B: 29
Webgility Black
Secondary Colors
Webgility’s secondary color palette should be used to highlight and complement our primary brand colors. They should never be used as dominant colors on their own. They can be used sparingly in blocks of color, as backgrounds, in marketing materials in charts, timelines. or presentations, and in graphics and illustrations, but they should be used sparingly.
HEX: 001D75
R: 0
G: 29
B: 117
Navy Blue
HEX: FF7900
R: 255
G: 121
B: 0
Orange
HEX: B7CAEA
R: 217
G: 232
B: 255
Blue Grey
HEX: 1F2933
R: 31
G: 41
B: 51
Blue Grey
If you have any questions, please contact us at marketing@webgility.com for help.
