MDO BRAND-BOOK MDO brand guide book MDO’s brand guide book is intended for any creative person or agency who are responsible for creating visual content for MDO (Prospecta). The guidelines cover all the essential components and guides for both digital and print materials. Please respect the MDO brand and guidelines. Thanks. MOD brand guidelines v.1.1 MDO logo 4 TABLE OF CONTENTS Typeface 12 Colours 14 prospecta 17 Colours 19 Imagery 23 Bringing it all together 26 Emails 30 Documentary video guidelines 33 Training Video tutorials 43 MDO LOGO MDO Since 2008 MDO has been operating as a SaaS product under the Prospecta master brand. This mix of services and products created ambiguity within our offerings and dilution of our purpose and ambitions. Today there is no room for ambiguity and mixed messaging. ERP systems and data governance offerings are becoming more fluid and adaptive. The old is making way to the new and the new can’t stand still for long. Our new MDO brand is all about progressive thinking, clean-cut and straightforward results. It represents our purpose of making data management and governance a flawless experience, free of hurdles and risks. We are no longer a sub-brand or a solution for a specific problem. We are a single, united entity that drives data quality and governance forward. We’re creating data culture. MOD brand guidelines v.1.1 Logo Structure Shear 45° 10% X Space 1X Height ½X 10% X Overshoot 10% X Overshoot The logotype's weight is based on the X height. 1 X Height This is applied to most graphic and typographic needs. 10% X The 10% X space should be applied for small spaces and distances. Height Multiple 10% X can be applied for different usages. MOD brand guidelines v.1.1 Logo placement guides Wordmark max height mdo flag Wordmark m height Wordmark baseline mdo wordmark MOD brand guidelines v.1.1 Sizes The logo is designed in a way that it can be used on various devices and publications. However, please make sure not to reduce the size beyond the recommenced min size. Minimum size 10.5 mm 35px 25 mm 85px MOD brand guidelines v.1.1 Colour variants Positive The default logo is black with a cyan flag (positive). The use of the logo in it’s other variants depends on the background, device (fax for instance) and use (Product interface for instance) Monochrome Full black on white and light images or white on black and dark images. Negative (reverse) MOD brand guidelines v.1.1 Safes pace The wordmark can appear on colour, illustration, or photographic backgrounds, as long as it's legibility and integrity are not diminished. X Height 2X Height 2X Height 2X Height MOD brand guidelines v.1.1 Do's & Don'ts The mdo wordmark should always appear correctly as shown here. Horizontal stretch Thin versions Fat versions Drop shadow Application positioning Horizontal shrink Using and applying graphic effects such as shadows and glows, horizontal and vertical stretches, gradients and misuse of colours must be avoided. Tilt Contour Gradient Colour misuse MOD brand guidelines v.1.1 TYPEFACE Montserrat regular ABCDEFGHIJKLMNOPQRSTUVWXYZ Montserrat abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&* Montserrat is the official primary font choice for the mdo brand used in headlines, large and medium sized Montserrat semi bold ABCDEFGHIJKLMNOPQRSTUVWXYZ running text and opening paragraphs. abcdefghijklmnopqrstuvwxyz PT Serif or similar font such as Source 1234567890!@#$%^&* Serif Pro on MS Word should be use on our official documents. Montserrat extra bold ABCDEFGHIJKLMNOPQRSTUVWXYZ Note, we don’t use Montserrat within our product UI. abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&* Montserrat is available in Google fonts PT Serif is the secondary font to be used in official and managerial documents. PT regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&* PT bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&* MOD brand guidelines v.1.1 COLOURS Logo variant colours Primary Process RGB Pantone 100% C R 0 Process Cyan The mdo brand uses a primary colour for 0% M G 179 the word-mark and a secondary colour 0% Y B 239 group for it's application, signified 0% K through the flag icon. DIW Secondary for DIW Process RGB Pantone 100% C R 0 340 0% M G 167 80% Y B 109 0% K Secondary for Fuse Process RGB Pantone Fuse 14% C R 210 674 76% M G 97 0% Y B 164 0% K MDM Secondary for MDM Process RGB Pantone 0% C R 242 165 74% M G 103 94% Y B 43 0% K MOD brand guidelines v.1.1 Application Flags ½XDIW The mdo brand uses dedicated colour flags for each of their associated applications and services. ½XFuse ½XMDM MOD brand guidelines v.1.1 PROSPECTA Prospecta In order to remove the conflicting brands and focus on our core product offerings prospecta In colour (MDO), Prospecta will simply be visible as a typeface without a symbol or as a logo. Prospecta will mostly be used as a footnote on our official documents and marketing assets. We use Quicksand font and lowercase. prospecta In reverse prospecta prospecta In reverse and colour MOD brand guidelines v.1.1 COLOURS Web and screen colours RGB RGBA RGBA RGBA R 50 (28, 94, 116, 1) (54, 54, 54, 1) (146, 180, 128, 1) G 60 B 70 Our web and screen colours are to be HEX HEX HEX used as backgrounds and photo overlays 1C5E74 363636 92B480 for screen applications and websites. The HEX colours are neutral and have been 323C46 selected to be used with our various logos and flag colours. Primary Secondary Text Accent Our screen and web colours meet AA accessibility guidelines and we do our best to keep testing and reviewing our colour palettes to global accessibility criteria. RGBA RGBA RGBA (215, 220, 220, 1) (255,255,255,11) rgba(255, 179, 32, 1) HEX HEX HEX D7DCDC FFFFFF FFB320 Subtle grey White Hi-vis trigger (use with black text) MOD brand guidelines v.1.1 Gradients We use 2 colour gradients. DO NOT add a more colours to the mix. Our gradients are subtle in nature and can be a combination of any of our four primary colours or a primary colour with a black or white. Our gradient’s direction can be at 90˚ or 45˚ MOD brand guidelines v.1.1 Image overlays We use image overlays as backgrounds for text such as websites and social media banners. Images for overlays must be converted to black and white and can be darkened to suite text overlays. DO NOT covert or manipulate images except for converting to black and white or adjusting basic settings such as exposure, brightness and contrast. MOD brand guidelines v.1.1 IMAGERY Images Images are a great way to convey a message. While technology and data related photos are nice they do not convey our brand values and personality. Our images should show people and the consequence of great data management and governance on their daily lives. Abstract images are fine too as long as they serve a purpose. MOD brand guidelines v.1.1 Headshots Headshots and specific objects related to the text can be used with our primary colours and gradients. Please make sure the images are deep etched and are subtracted from the background. MOD brand guidelines v.1.1 BRINGING IT ALL TOGETHER Mixing components Working with data Join our upcoming webinar to learn how to work with data using MDO’s Master Data Management platform. In order to create a consistent and professional look we must obey some REGISTER TODAY Working with data basic rules such as the rule of thirds, margins, typography hierarchy and the Ut eget mauris ac nunc luctus ornare. Phasellus enim augue, logo placement. rutrum tempus, blandit in, vehicula eu, neque. Sed consequat nunc. Proin metus. Duis at mi non tellus malesuada tincidunt. Cras Please refer to the logo placement on in neque. Sed lacinia, felis ut sodales pretium, justo sapien page 9 hendrerit est, et convallis nisi quam sit amet erat. Suspendisse Master data for the consequat nibh a mauris. Curabitur libero ligula, faucibus at, mollis oil & gas industries ornare, mattis et, libero. Ut eget mauris ac nunc luctus ornare. Phasellus enim augue, rutrum tempus, blandit in, vehicula eu, neque. Sed consequat nunc. Proin metus. Duis at mi non tellus malesuada tincidunt. Cras in neque. Sed LEARN MORE www.prospecta.com MOD brand guidelines v.1.1 Flag symbol First name Last name Title description We use the logo flag symbol as an Video overlay title additional creative element or when the Browser Fav Icon logo is too big within the container space. A good example is a browser fav icon or collapsed navigation area within our Ut eget mauris ac nunc luctus product UI. WORK ornare. Phasellus enim augue, rutrum tempus, blandit in, vehicula eu, neque. Sed WITH consequat nunc. Proin metus. Duis at mi non tellus malesuada DATA tincidunt. Cras in neque. Sed lacinia, felis ut sodales pretium, justo sapien hendrerit est, et convallis nisi quam sit amet erat. Suspendisse consequat nibh a mauris. Curabitur libero ligula, faucibus at, mollis ornare, mattis et, libero. Aliquam pulvinar congue pede. Fusce condimentum turpis vel dolor. Ut blandit. Sed elementum justo quis sem. Sed eu orci eu ante iaculis MDM Phone browser bookmark Creative element MOD brand guidelines v.1.1 Social media banners When creating social media banners or other assets such as hero banners it’s important to adhere to the channel’s image specifications as each channel has it’s own rules, sizes and ratio. LinkedIn page banner 1192 x 191 px Adhering to these rules will make sure our banners are displayed correctly on all Working with data devices, screen sizes and orientation.