4M BRAND PURPOSE
Create memorable experiences for the communities of tomorrow.
Primary 4M icon
4M ICON
The design of the primary 4M icon is a visual representation of the brand’s purpose and their committment to creating experiences based on design, space and convenience.
4M ICON on white
BLACK
gradient
space
design
convenience
4M ICON on black
white
white + gradient
gradient
space
design
convenience
Sizing + spacing
The minimum spacing of the 4M icon is based on the line thickness of the icon. No elements should appear within that measured distance.
4M Corporate logo
CORPORATE logo
The design of the 4M corporate logo is to be used in all formal settings in which the brand must be represented in name (legal, sponsorship, etc.).
LOGO on white
BLACK
black + gradient
space
design
convenience
LOGO on black
white
white + gradient
space
design
convenience
Sizing + spacing
The minimum spacing of the 4M corporate icon is based on the line thickness of the 4M icon. No elements should appear within that measured distance.
Logo usage
The following are design guidelines developed to maintain legibility and consistency of the 4M brand identity icon and corporate logo.
Responsiveness
The 4M brand dientity is designed to maintain its clarity and effectiveness across all mediums and platform execitions.
Improper icon usage
To maintain legibility and consistency of the 4M brand identity, avoid anything that compromises its integrity or recognition of the primary icon. This includes, but is not limited to the examples shown. Placement on busy textures, patterns, or photos should also be avoided to maintain brand clarity.
Improper logo usage
To maintain legibility and consistency of the 4M brand identity, avoid anything that compromises its integrity or recognition of the corporate logo. This includes, but is not limited to the examples shown. Placement on busy textures, patterns, or photos should also be avoided to maintain brand clarity.
COLOR PALETTE
The 4M brand color palette is founded in the colors: white and black. The complimentary colors are based on the brand’s three areas of expertise: space, design,convenience. In specific situations, the complimentary colors may be mixed to produce the color palette of the 4M sub-brands.
white
hex #FFFFFF
cmyk 00, 00, 00, 00
pms white
black
hex #202020
cmyk 72, 66, 65, 74
pms Black 3 C
space
hex #01AF8F
cmyk 78, 04, 57, 00
pms 3248 C
design
hex #9E81D2
cmyk 40, 53, 00, 00
pms 2072 C
convenience
hex #E48600
cmyk 08, 55, 100, 00
pms 2011 C
Typography
The approved typeface for all 4M communication is Codec Pro. For communications where Codec Pro
is not available (e.g. email, shared documents, etc.), the default typeface is Helvetica. See below for suggested size pairings.
Primary typography
Headlines are set in Codec Pro Extra Bold.
SUB-HEADINGS AND OTHER TYPES OF INTRODUCTIONS ARE SET IN ALL CAPS CODEC PRO BOLD.
Body text makes use of Codec Pro Light. To emphasize certain words, quotes or important paragraphs, additional styles can be used: bold, italic, underlined, and for acronyms, ALL CAPS (e.g. NASDAQ, WWE, etc.).
CAPTION TITLES ARE SET IN ALL CAPS CODEC PRO BOLD
Captions, body text in sidebars, financial information, headers & footers and other types of secondary-level text can be set in Codec Pro News. These should ALWAYS be set in a type size smaller than the body text.
Alternative typography
Headlines are set in Helvetica Bold.
Sub-headings and other types of introductions are set in Helvetica Bold.
Body text makes use of Times New Roman Regular. To emphasize certain words, quotes or important paragraphs, additional styles can be used: bold, italic, underlined, and for acronyms, ALL CAPS (e.g. NASDAQ, WWE, etc.).
CAPTION TITLES ARE SET IN ALL CAPS HELVETICA BOLD
Captions, body text in sidebars, financial information, headers & footers and other types of secondary-level text can be set in Codec Pro News. These should ALWAYS be set in a type size smaller than the body text.
4M SUB-BRANDS
The 4M family of brands connect the 4M brand purpose to the each product experience. The icon is designed to work with the sub-brand wordmark and maintain all of the spacing and alignment rules of the main 4M icon and logo.