Styleguide

Logo ????

Primary Logo – Horizontal

The horizontal logo is the PRIMARY version of the logo.
It is to be used in most situations.
This version can be used against light or dark backgrounds.

Secondary Logo – Stacked

The stacked logo is a secondary option.
Only used when the design space does not allow for the primary logo.
This version can be used against light or dark backgrounds.

slide 2

Primary Logo – Sizing Guidelines

Primary logo has a minimum height of 50 pixels.
Below is the relational sizing of the logo.

slide 3

Secondary Logo – Sizing Guidelines

Secondary logo has a minimum height of 100 pixels.
Below is the relational sizing of the logo.

slide 4

Logo – Clear Space Guidelines

Consistent clear space and proximity are needed to properly display the logo.
Take the letter “X” from the logotype at its current size and use it as a guide to prevent interference from other graphical elements on all sides.

slide 5

Logo – Platform Specific Versions

XPay is designated with the green “P”, for parking.
XForce is designated with the green “shield”, for enforcement.
XControl is designated with the green “gear”, for settings/dashboard.

slide 6

Color

Brand Colors

Color creates emotion, triggers memories, and gives sensation. These colors were chosen to create the desired personality of the XPressPark brand. Blue represents security, trust, and confidence while touches of green represent safety, revitalization, and sustainability.

Color Rules

Use white as the prominent background color and dark gray (#222) for text.
Use XBlue as the primary color for graphical elements.
Use XGreen sparingly to promote sustainability of the platform.
Use XGreen/Yellow/Orange/Red as the alert range for statuses.

XBlue

HEX: #2131B2
RGB: 33, 49, 178
CMYK: 81, 72, 0, 30

XGreen

HEX: #2ECC71
RGB: 46, 204, 113
CMYK: 77, 0, 45, 20

XYellow

HEX: #F1C40F
RGB: 241, 196, 15
CMYK: 0, 19, 94, 5

XOrange

HEX: #E67E22
RGB: 230, 126, 34
CMYK: 0, 45, 85, 10

XRed

HEX: #E74C3C
RGB: 231, 76, 60
CMYK: 0, 67, 74, 9

Typography

 

Montserrat

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
Regular  Bold
Regular  Bold
The quick brown fox jumped over the lazy dog.