MDO brand guide book. The guidelines cover all the essential components and guides for both digital and print materials.

(1)

(2)

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.

(3)

MDO logo 4 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

(4)

(5)

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.

(6)

Logo Structure

MOD brand guidelines v.1.1

The 10% X space should be applied for small spaces and distances. Multiple 10% X can be applied for different usages.

The logotype's weight is based on the X height.

This is applied to most graphic and typographic needs. Shear 45° 10% X Space 1X Height ½X 1 X Height 10% X Height 10% X Overshoot 10% X Overshoot

(7)

Logo placement guides

mdo wordmark Wordmark baseline Wordmark m height Wordmark max height

(8)

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.

10.5 mm 25 mm

35px 85px

(9)

Colour variants

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)

Positive

Monochrome

Full black on white and light images or white on black and dark images.

(10)

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

(11)

Do's & Don'ts

The mdo wordmark should always appear correctly as shown here.

Using and applying graphic effects such as shadows and glows, horizontal and vertical stretches, gradients and misuse of colours must be avoided.

Horizontal shrink Fat versions Gradient Horizontal stretch Drop shadow Tilt Colour misuse Contour Application positioning Thin versions

(12)

(13)

Montserrat

Montserrat is the official primary font choice for the mdo brand used in

headlines, large and medium sized

running text and opening paragraphs. PT Serif or similar font such as Source Serif Pro on MS Word should be use on our official documents.

Note, we don’t use Montserrat within our product UI.

Montserrat is available in Google fonts

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%^&*

PT Serif is the secondary font to be used in official and managerial documents. Montserrat regular

Montserrat semi bold

Montserrat extra bold

PT regular

(14)

(15)

Logo variant colours

The mdo brand uses a primary colour for the word-mark and a secondary colour group for it's application, signified

through the flag icon.

Primary

Secondary for DIW

Secondary for Fuse

Secondary for MDM Process Process Process Process RGB RGB RGB RGB Pantone Pantone Pantone Pantone 100% C 0% M 0% Y 0% K 100% C 0% M 80% Y 0% K 14% C 76% M 0% Y 0% K 0% C 74% M 94% Y 0% K R 0 G 179 B 239 R 0 G 167 B 109 R 210 G 97 B 164 R 242 G 103 B 43 Process Cyan 340 674 165

DIW

Fuse

MDM

(16)

Application Flags

The mdo brand uses dedicated colour flags for each of their associated

applications and services.

DIW

Fuse

MDM

½X ½X ½X

(17)

(18)

Prospecta

In order to remove the conflicting brands and focus on our core product offerings (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 In colour

In reverse and colour

prospecta

(19)

(20)

Web and screen colours

Our web and screen colours are to be

used as backgrounds and photo overlays for screen applications and websites. The colours are neutral and have been

selected to be used with our various logos and flag colours.

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.

RGB R 50 G 60 B 70 HEX 323C46 RGBA (215, 220, 220, 1) HEX D7DCDC RGBA (255,255,255,11) HEX FFFFFF RGBA rgba(255, 179, 32, 1) HEX FFB320 RGBA (28, 94, 116, 1) HEX 1C5E74 RGBA (54, 54, 54, 1) HEX 363636 RGBA (146, 180, 128, 1) HEX 92B480

Primary Secondary Text Accent

Subtle grey White Hi-vis trigger

(21)

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˚

(22)

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.

(23)

(24)

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.

(25)

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.

(26)

(27)

Mixing components

In order to create a consistent and

professional look we must obey some basic rules such as the rule of thirds, margins, typography hierarchy and the logo placement.

Please refer to the logo placement on

page 9

Working with data

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 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.

Working with data

Join our upcoming webinar to learn how to work with data using MDO’s Master Data Management platform.

REGISTER TODAY

Master data for the

oil & gas industries

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

www.prospecta.com

(28)

Flag symbol

We use the logo flag symbol as an

additional creative element or when the logo is too big within the container space. A good example is a browser fav icon or collapsed navigation area within our product UI.

Browser Fav Icon

Phone browser bookmark

Video overlay title

Creative element

First name Last name

Title description

WORK

W I T H

D A T A

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 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

(29)

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.

Adhering to these rules will make sure our banners are displayed correctly on all devices, screen sizes and orientation.

LinkedIn specifications

Social media image size guide 2020

REGISTER TODAY

June 22nd _{2020 | 1pm AEST}

Working with data

Join our upcoming webinar to learn how to work with data using MDO’s Master Data Management platform. Presented by Tim Jackson

LinkedIn page banner 1192 x 191 px

LinkedIn feed banner 1198 x 627px (scaled by 50%)

Banner resized on mobile

REGISTER TODAY

June 22nd_{2020 | 1pm AEST}

Working with data

Join our upcoming webinar to learn how to work with data using MDO’s Master Data Management platform.

(30)

(31)

Email template

Communications generated by

marketing and support applications such as MailChimp and Zendesk should use the same sizes in order to maintain

compatibility across the various email

clients such as Gmail and Outlook in both mobile and desktop devices.

As a rule of thumb the max width for email comms should be 600px.

Font should be a standard sans-serf font type such as Arial or Helvetica which I widely used and will render properly on recipients applications.

DO NOT use custom fonts or colours.

MOD brand guidelines v.1.1 Banner or logo Body text Footer 600px 150px min, 45px

(32)

Email template sample

Generic Email template layout with and without a dedicated banner.

Note, for specific campaigns the height of the banner can be greater than 150px.

MOD brand guidelines v.1.1 Hi customer

Body text Quisque in augue. Donec aliquam magna nonummy enim. Proin blandit imperdiet sem. Donec malesuada, urna sit amet varius aliquam, nibh tortor laoreet turpis, eget sodales felis nibh ac sapien. Fusce eget augue. Integer sed risus. Aenean mollis. Donec facilisis egestas quam. Duis bibendum augue id mauris. Sed laoreet, tortor vel cursus fringilla, turpis elit vestibulum arcu, eu varius dolor leo in nulla. In sem ipsum, faucibus quis, varius tristique, porta eget, lorem. Curabitur hendrerit diam et mauris. Etiam porta nunc

euismod dui. Maecenas a lectus. In hac habitasse platea dictumst.

Suspendisse id massa. Nullam porta velit sed lacus. Duis eleifend, felis eu euismod lacinia, felis erat feugiat nisl, vitae congue leo velit a massa. Quisque nec justo a turpis posuere tristique.

Maecenas condimentum tincidunt lorem. Vestibulum vel tellus. Sed vulputate. Morbi massa nunc, convallis a, commodo gravida, tincidunt sed, turpis.

Aenean ornare viverra est. Maecenas lorem. Aenean euismod iaculis dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla quam. Aenean fermentum, turpis sed volutpat dignissim, diam risus facilisis nibh, sit amet iaculis est turpis non tellus. Nunc a mauris. Proin eget ligula. Nam cursus libero.

Vestibulum velit orci, bibendum eget, molestie eu, sagittis non, leo. Nullam sed enim. Duis ac lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti. Sed tincidunt varius arcu. Mauris vitae arcu sit amet quam condimentum pulvinar. Aenean arcu elit, accumsan id, consequat

Thanks Your name

Body text, Arial 14px min.

45px margins/ paddings all around

Body text Quisque in augue. Donec aliquam magna nonummy enim. Proin blandit imperdiet sem. Donec malesuada, urna sit amet varius aliquam, nibh tortor laoreet turpis, eget sodales

felis nibh ac sapien. Fusce eget augue. Integer sed risus. Aenean mollis. Donec facilisis egestas quam. Duis bibendum augue id mauris. Sed laoreet, tortor vel cursus fringilla, turpis elit

vestibulum arcu, eu varius dolor leo in nulla. In sem ipsum, faucibus quis, varius tristique, porta

(33)

(34)

Email Signatures

An email signature is the modern business card.

Our email signature is designed to work on any email client and is using only our logo and basic contact information.

Please DO NOT add colours, other

graphics or details that are not part of our brand or not required.

Please use the default sans-serif font from your email clients e.g. Outlook.

Font type, style and size the same as your default email font. I.e. Ariel, Callibri etc.

John Smith

Senior QA Developer +612 8887 7888 www.prospecta.com

Default signature can be with or without your direct phone number.

Additional contact info can be added to specific staff such as support

Don’t change font size, font colours or move the logo.

Do not add your own contact channels such as Skype,

Don’t change font type or move

John Smith

Senior QA Developer

+612 8887 7888 Skype: johnsmeith www.prospecta.com

John Smith |Senior QA Developer www.prospecta.com

(35)

(36)

General guidelines

These guidelines are created for professional video production agencies and offers a general brand usage guideline.

Logo, typeface and colours

DO NOT add effects, styles and animation to our logo.

Please use our brand typeface and colours.

Minimum requirements

- FHD or higher screen resolution - 16:9 or 16:10 screen ratio

- Record at hi-bit rate and low compression levels. - Export at FHD or higher (4K)

Voice-over recordings

Voice must be recorded to a dedicated sound recording device or directly to the camera using a dedicated mic (lapel preferred) or professional grade mic. DO NOT use the camera’s built-in mic.

Soundtracks and sound effects

DO NOT use sound effects. Soundtracks must be obtained from a hi-quality source and fit with the general video theme and rhythm.

(37)

Safe zones

Please use the content and type safe zones to mitigate cropping on various screen sizes and display types.

5%

10%

5%

Content safe zone (headshots mostly)

Screen area (1920x1080) for example (FHD)

(38)

Intro title

Background colour: R:80, G:96, B:112 Font: Montserrat Font-weight: Regular Font-size: 50px Colour: white Logo size: 300px 127px Transition: 15 FPS in/ out Example shown at 50% size

(39)

Watermark and section

title

Our logo should be placed at the bottom right corner at all times.

Logo

50% opacity white 120px X Y

Position: inner content safe zone Font: Montserrat

Font-weight: Regular Font-size: 25px

Colour: white

(40)

Section title overlay

Background colour: R:80, G:96, B:112 Background overlay 85% Font: Montserrat Font-weight: Regular Font-size: 25px Colour: white

(41)

Text overlay above

screenshots

Font: Montserrat Font-weight: Bold Font-size: 30px Colour: White Background: 75% Black

(42)

Title slides

Font: Montserrat Title Font-weight: Bold Font-size: 24px Colour: White Description Font-weight: Normal Font-size: 20px Colour: White Rectangle Colour: 80, 96, 107

MOD brand guidelines v.1.1 Approx. 30% of frame width

Title safe zone

First name Last name

(43)

Christine McFarrlen

(44)

Ending title

Background colour: R:80, G:96, B:112 Font: Montserrat Font-weight: Regular Font-size: 30px Colour: white Transition: 15 FPS in

(45)

(46)

General guidelines

All our screen recordings should be created using hi-quality screens and updated software to insure compatibility with latest hardware and video players (on/ off line)

Logo, typeface and colours

DO NOT add effects, styles and animation to our logo.

Please use our brand typeface and colours.

Minimum requirements

- FHD or higher screen resolution

- Adjust contrast and brightness to acceptable levels - 16:9 or 16:10 screen ratio

- Record at hi-bit rate and low compression levels. - Export at FHD or higher (4K)

Voice-over recordings

Voice must be recorded to a dedicated sound recording device or directly to the camera using a dedicated mic (lapel preferred) or professional grade mic. DO NOT use the camera’s built-in mic.

Soundtracks and sound effects

DO NOT use sound effects. Soundtracks must be obtained from a hi-quality source and fit with the general video theme and rhythm.

(47)

Margins and safe zone

We use screen margins and safe-zone to make sure content (text) is not cut (bleed) outsize the video player.

As a rule-of-thumb keep overlay text such as titles within the safe-zone.

100px

100px 100px

(48)

Intro/ course title

Background colour: R:215, G:220, B:220 Font Font: Montserrat Font-weight: Regular Font-size: 50px Colour: white Logo size: 300px 127px Transition: 15 FPS in/ out

Example shown at 50% size\

(49)

Section title

Font Font: Montserrat Font-weight: Regular Font-size: 25px Colour: white Background colour: R:80, G:96, B:112

(50)

Text overlay above

screenshots

Font: Montserrat Font-weight: Bold Font-size: 30px Colour: White Background: 75% Black

(51)

Callouts

Font Font: Montserrat Font-weight: Bold Font-size: 24px Colour: White Align: left Shape Background: R60, G75, B85 Stroke: 10px, R60, G75, B85

This is a callout text sample

(52)

Media library and assets

The ‘Training-video-pack’ includes: Sample video

Media library zip file Guidelines PDF

You can start a new project by simply opening the sample video and ‘saving as...’ Or create a new project and import the ‘MDO library.libzip’ file.

To import the library zip file:

Go to ‘File’ > Library > Import Zipped Library

The pack includes our logo in EPS format and the Montserrat typeface. Please add the font to you font manager prior to

starting a project.

You can also download the font from Google fonts.

Please note: We will keep all source files in a single place. Please make sure to download the latest version of our libraries and source file.

(53)

Ending title slide

Background colour: R:215, G:220, B:220 Font Font: Montserrat Font-weight: Regular Font-size: 30px Colour: white Logo size: 300px 127px Transition: 10 FPS in