Brand Identity

Guidelines

Brand Logo Guide

The Basics

The XPX Logo is a powerful symbol that stands as the primary visual representation of our brand. Our Logo acts as our signature and is the common thread among all our Chapters, events, as well as all forms of communication. Consistency is essential across all media, as we want it to be instantly recognizable.

Download the Logo

Using The XPX Logo

The XPX Logo is a powerful symbol that stands as the primary visual representation of our brand. Our Logo acts as our signature and is the common thread among all our Chapters, events, as well as all forms of communication. Consistency is essential across all media, as we want it to be instantly recognizable.

Safe Space

The XPX Logo always needs safe space that is free of imagery and text surrounding it. Use half the first X’s width to determine the minimum amount of safe space that should surround the Logo.

This width can be used to determine the amount of safe space around the top and bottom of the logo as well. 

Misuse & What Not To Do

It is important that the appearance of the logo remains consistent. The logo should never be altered, modified, misinterpreted, or added to. You should not alter the logo in which it effects the orientation, color, or composition, other than what is indicated in this documentation.

DON'T

  • Change the spacing between the letters in the characters “XPX”
  • Use any colors other than approved Brand Colors
  • Choose a different typeface for “XPX”
  • Add visual effects like a drop shadow
  • Change or replace the letters “XPX” in any way
  • Change the shape of the Logo
  • Visually use the Logo in a phrase or sentence

Brand Combination Mark

Brand Logomark

Brand Theme Colors

Primary Colors

[xpx_Color_CopyToClipboard id=#172f57]
[xpx_Color_CopyToClipboard id=#6A9B40]
[xpx_Color_CopyToClipboard id=#F89B27]
[xpx_Color_CopyToClipboard id=#E3630D]

Accent Colors

[xpx_Color_CopyToClipboard id=#F8F9FA]
[xpx_Color_CopyToClipboard id=#8492A6]
[xpx_Color_CopyToClipboard id=#456385]
[xpx_Color_CopyToClipboard id=#79B700]
[xpx_Color_CopyToClipboard id=#F8F9FA]
[xpx_Color_CopyToClipboard id=#8492A6]
[xpx_Color_CopyToClipboard id=#677294]
[xpx_Color_CopyToClipboard id=#191D41]

UI Colors

The main UI colors are used for action buttons, alert messages, and form elements. Input fields, for example, can get positive and negative feedback, whereas alert messages can have warning feedback.

[xpx_Color_CopyToClipboard id=#0676EC]
[xpx_Color_CopyToClipboard id=#00C99C]
[xpx_Color_CopyToClipboard id=#FF9E00]
[xpx_Color_CopyToClipboard id=#FF0038]

Light Theme

Dark Theme

Branding Typography

Aa

Open Sans

Black

Aa

Open Sans

Bold

Aa

Open Sans

300

Aa

Poppins

Bold

Aa

Poppins

500

Aa

Poppins

300

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Brand Layout

Open Sans, 20pt size, bold & 300 font weight, 1 letter spacing, 1.3 lining. Left align.

Lorem Ipsum

Open Sans, 60pt size, bold font weight, 1 letter spacing, 1.3 lining. Left align.

Lorem Ipsum

Open Sans, 15pt size, 500 font weight, 1 letter spacing, 2 lining. Justify align.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Profile Membership Status

Primary Colors

The main UI colors are used to show the user’s Membership Status. For example if the Membership is ‘Active’ then the color is green (positive), where if the Membership is ‘Lapsed’ or ‘Expired’ the color is red (negative).

Active

Lapsed

Pending

Expired

Canceled

Active

Lapsed

Pending

Expired

Canceled

Leadership Collaborative

Leadership Collaborative

Leadership Collaborative

Brand Iconography Colors

[xpx_Color_CopyToClipboard id=#316BFF]
[xpx_Color_CopyToClipboard id=#FF9C20]
[xpx_Color_CopyToClipboard id=#00C99C]
[xpx_Color_CopyToClipboard id=#F12699]
[xpx_Color_CopyToClipboard id=#FE374C]
[xpx_Color_CopyToClipboard id=#15B2EC]
[xpx_Color_CopyToClipboard id=#793AFA]
[xpx_Color_CopyToClipboard id=#FF5E00]

Icon Box

Brand Sponsorship Colors

XPX Platinum

[xpx_Color_CopyToClipboard id=#B7B7B7]

XPX Gold

[xpx_Color_CopyToClipboard id=#CBA250]

XPX Silver

[xpx_Color_CopyToClipboard id=#848A8A]

XPX Bronze

[xpx_Color_CopyToClipboard id=#BB7C5C]

XPX Platinum

[xpx_Color_CopyToClipboard id=#E5F0F6]

XPX Gold

[xpx_Color_CopyToClipboard id=#CF9F53]

XPX Silver

[xpx_Color_CopyToClipboard id=#BCC6D3]

XPX Bronze

[xpx_Color_CopyToClipboard id=#B1560F]

Primary Colors

Gold - Text

#B47D41

Gold - Text

#CF9F53

Platinum - Text

#97A5AD

Platinum - Background

#F2F7FA

Silver - Text

#8492A6

Bronze - Text

#B1560F

© 2020 XPX Global LLC. All Rights Reserved.

© 2020 XPX Global LLC. All Rights Reserved.

Event

Menu