Alex Brecheisen
Lockups Lockups
The Mobility Hub Logo is a representation of the purpose of Mobility Hubs themselves. It represents movement, fluidity, and efficiency. The colors used represent the city of Minneapolis and its dynamic, active environment centered around parks, lakes, and the outdoors.
The Logo is shown on the upper right in a primary lockup in both Minneapolis Navy and Minneapolis Lime. It is shown in a secondary lockup in both colors on the lower right. The Logo may only be shown in these colors, Minneapolis Teal, black, and white.
01
Simplified Mark Simplified Mark
The Mobility Hub Simplified Mark is shown here. The logo makes strong use of the inspiration of fluidity and movement. This Simplified Mark is to be used on social media and other digital applications.
The Simplified Mark is shown to the right in two sizes in black. It is designed to be easily identifiable and memorable at any size. The minimum size the Logo should be shown at is shown here at 72 pixels wide on digital. This equates to about an inch high and 1.7 inches wide in print.
02
Colors Colors
The Color guide for the Mobility Hub Logo is shown here. The color palette features Minneapolis Navy (leftmost column) Minneapolis Teal (center column) and Minneapolis Lime (rightmost column). The top row represents Pantone coloring notations and hex codes. The middle row represents CMYK values, and the bottom row represents RGB values.
The Mobility Hub Logo may only be shown in one of these three colors, or black or white. Mobility Hub Icons may only be shown in Minneapolis Navy or Minneapolis Teal.
03
Fonts
Fonts
The font guide for the Mobility Hub brand guidelines is shown here. The only font to be paired with the Mobility Hub Logo is Baloo Bhai 2, either in ExtraBold or SemiBold.
The font pairing with the Mobility Hub Logo may be used in any of Minneapolis Navy, Minneapolis Teal, Minneapolis Lime, black, or white. However, this color must match the color used for the Logo itself. Refer to Page 1 for more requirements for Lockup use.
04
White Space White Space
The White Space requirements for the Mobility Hub Logo are shown here. One ‘X’ of White Space must be shown around all edges of the Logo at all times. One ‘X’ is defined as the distance between the top of the M shape and the top of the upper arrow (the highest point of the logo). See the graphic to the right for a visual representation of the White Space required around the Mobility Hub Logo at all times.
05
How Not To Use How Not To Use
The Mobility Hub Logo is not to be shown in any color other than Minneapolis Navy, Teal, Lime, or black or white. It is not to be shown using gradient colors of any kind. It is not to be shown with an outlined stroke and knocked out fill. It is not to be shown as part of the whole, such as the right or left half of the symbol on its own. Examples for all of these improper uses of the Logo are shown on the right.
06
Icons Icons
The Mobility Hub Icons are shown on the right. They feature a scooter, bicycle, car, bus, and lightrail as part of a cohesive system of iconography. These Icons are to be used to represent each of these modes of transportation. They are primarily to be used in Minneapolis Navy. They may also appear in Minneapolis Teal, Minneapolis Lime or black on a white background. They may appear in white on a black background. They are not to appear in any other color. They are not to appear as parts of the whole. They are not to appear as facing left, only facing right as shown here.
07
Elements Elements
The Mobility Hub Design System features the use of a variety of design elements. These include the Logo, Icons, and shapes such as the Mobility Hub Arrow, Mobility Hub Triangle, circles and squares. These elements follow the same color guidelines as the Logo and Icons. If the Logo is used within or in conjuction with any of these elements, White Space rules must be followed to ensure identifiability and consistency. The Mobility Hub Arrows may be used in a variety of applications, but must always bleed off the page. See the mockups on Page 10 for examples of proper element use.
08
Business Card Business Card
The Mobility Hub Business Card was created for use by Mobility Hub Ambassadors or other employees. It features proper use of Logo, Color, Font, and White Space requirements. Flat designs and a digital mockup can be seen to the right.
09
Signage Signage
The Mobility Hub Signage shown on the right is designed to represent possible real world applications of the Mobility Hub Designs.
The top mockup shows the Mobility Hub Logo, Arrow, and Icons in proper use. The Logo is shown in the primary lockup in Minneapolis Navy. The Arrow is shown in Minneapolis Lime. The Icons are shown in Minneapolis Navy.
The bottom mockup shows the Mobility Hub secondary lockup in Minneapolis Lime and icons in white on a Minneapolis Navy circle and Minneapolis Teal background.
10