Mulesoft corporate template final

All contents © MuleSoft Inc. 1

Presented by Kiet Bui

All contents © MuleSoft Inc.

Template contents

2

1. Template guidelines & instructions

2. Master slide layouts

3. Colors, charts, and drawing

4. Graphics and images

5. Key slides


About the MuleSoft corporate template

3

• Why? By using this template and following the brand guidelines we present a unified front in graphics and messaging

– Because the more of us working on the same page, the easier it will be to write our future success together

• This package contains instructions, resources, sample slides, and slide templates for creating your own presentation

– If you are preparing for a BrightTALK webinar, please see these guidelines

– To adapt to today’s landscape-oriented and high-definition monitors, the preferred format for MuleSoft corporate presentations is now 16:9 (13.3” X 7.5”)

https://www.mulesoft.com/brand

https://support.brighttalk.com/hc/en-us/articles/204282470-In-which-format-should-I-provide-the-video-


Template guidelines

4

• This presentation template has been carefully designed to adhere to MuleSoft’s brand guidelines

• Do not alter the template elements on the master slides or color themes under any circumstances

– Presentations are frequently swapped between employees

– If the template is altered by any individual, incorrect slides will be propagated throughout many presentations

• For easiest use:

– Save this file as .PPTX file somewhere where you can easily find it & use it as your base for creating new slide decks

– Delete unused and instructional slides from final presentation


To copy/transfer slides between presentations of different aspect ratio (i.e. 4:3 to 16:9):

1. Select the slide content, not the slide

a. Hold down your shift key to select multiple items at once

b. Copy-paste the content into the new slide

2. Repeat this procedure slide by slide for all slides you want to reformatATTENTION: Copy-pasting the entire slide can cause graphics and images to get stretched horizontally, resulting in oddly shaped people, circles turned into ovals, distorted diagrams, etc.

3. For more information on size reformatting see FAQ

Transferring slides between presentations

5

https://docs.google.com/document/d/1V99Gqai77UkuPrpyeR79Imaox750GNv6M46gCnbGt_Q/edit?usp=sharing


To copy/transfer slides between presentations of the same aspect ratio:

1. Open presentation with slides to be transferred and click the Slide Sorter icon (under View tab or in lower right panel, shown below respectively)

2. Select slides to be transferred. On the Home tab, click Copy

3. Open new presentation/template, display the slide sorter, click where you want your slides inserted, and choose Paste on the Home tab

Transferring slides between presentations

6


Capitalization, punctuation, and writing style

7

• Slide titles and bulleted text should be short and concise

– Do not modify the size of the text box

– Do not change the font size; consider shortening the text instead

• Slide titles, headers and bulleted text should ALL be written in sentence case (sentence case = only capitalize first words and proper nouns)

• Bullets (and numbered lists) should not have periods at the end

– Exception: If a single bullet entry includes more than one full sentence, then each sentence in that bullet entry requires a period, and all items in that bullet list also require periods to be consistent


Using drawing guides

8

• PowerPoint offers tools to help position objects on slides

• Guides allow you to precisely place objects on slides. To turn on guides:

– Go to View tab, in the Show group, check the Guides box

– This template is designed to align with these guides

• Ruler is often useful to have the turned on when using guides:

– Go to View tab, in the Show group, check the Ruler box


Template Contents

9





5. Key slides

Subtitle

Date

Title slide

Subtitle

Date

Title slide w. image


Safe harbor statement

The information in this presentation is confidential and proprietary to MuleSoft and may not bedisclosed without the permission of MuleSoft. This presentation is not subject to your licenseagreement or any other service or subscription agreement with MuleSoft. MuleSoft has no obligationto pursue any course of business outlined in this document or any related presentation, or todevelop or release any functionality mentioned therein. This document, or any related presentationand MuleSoft's strategy and possible future developments, products and or platforms directions andfunctionality are all subject to change and may be changed by MuleSoft at any time for any reasonwithout notice. The information on this document is not a commitment, promise or legal obligationto deliver any material, code or functionality. This document is provided without a warranty of anykind, either express or implied, including but not limited to, the implied warranties ofmerchantability, fitness for a particular purpose, or non-infringement. This document is forinformational purposes and may not be incorporated into a contract. MuleSoft assumes noresponsibility for errors or omissions in this document, except if such damages were caused byMuleSoft intentionally or grossly negligent.

All forward-looking statements are subject to various risks and uncertainties that could cause actualresults to differ materially from expectations. Readers are cautioned not to place undue reliance onthese forward-looking statements, which speak only as of their dates, and they should not be reliedupon in making purchasing decisions.

12


Sample agenda slide

13

1. Agenda item

2. Agenda item

3. Current agenda item highlighted in white

4. Agenda item

5. Agenda item

Section divider blue

NOTE: Slides which are all blue with white text may not present well on large projection screens.

Possibly opt for a slide with darker background color instead.

Section divider dark


Title text is Verdana 28 pt using sentence case

16

• First level bulleted text is Verdana 24 pt

– Second level text (press tab key) is 20 pt

• Third level text (press tab key) is 18 pt

– Fourth level text is 16 pt – avoid using this size, and never use it for large screen projection

• Never use font smaller than 16 pt

• All bulleted text is sentence case (capitalize first letter of first word)

• No periods are used at the end of bullets

• Use bold, blue or both to highlight text

1. Use standard outline format for numbered lists

a. Indented numbered lists should be changed to lowercase letters

Full bleed image layout

Images from our stock collection have natural spaces to overlay text and maintain visual clarity.


Heading text Verdana 24 pt Heading text

Comparison slide layout

18

• First level text Verdana 20 pt

– Second level text 18 pt

• Third level text 16 (smallest)

• First level text Verdana 20 pt

– Second level text 18 pt

• Third level text 16 (smallest)


3-column layout

19

APIs

SAAS

SOA

These three placeholders can hold text, table, charts, smart art, or media

These three placeholders can hold text, table, charts, smart art, or media


3-column photos layout

20

Placeholder for text Placeholder for text Placeholder for text


Title only layout

21


Callout Content: Text , image, graph, etc. Bleeds to the edge on 3-sides

Vertical split layout

• This layout is great for highlighted content with explanatory text

• The dark-grey motif (right) can be replaced with another image, graph, or call-out text (white on dark grey)


Callout Content: Text, image graph,

etc.

Content with caption layout

23

• Use this format for smaller call-out items

“CareWeb Messenger, built on Salesforce and MuleSoft, has made a tremendous difference to how our patient care teams interact with one another.”

– -Dr. Raman Khanna, CareWeb team lead, UCSF

Thank You Message

Thank You Message


Template contents

27





5. Key slides


MuleSoft color palette

28

Primary Colors Secondary Colors

R: 0G: 161B: 223

Blue

R: 255G: 255B: 255

White

R: 0G: 0B: 0

Black

R: 153G: 152B: 153

Light Gray

R: 100G: 100B: 105

Medium Gray

R: 65G: 64B: 66

Dark Gray

R: 0G: 179B: 156

Viridian

R: 94G: 102B: 249

Indigo

R: 0G: 96B: 124

Secondary Blue

R: 0G: 161B: 223

Blue


MuleSoft theme colors

29

Note: Do not use gradients or ‘Standard Colors’: They are generic Microsoft –generated colors and are not approved MuleSoft colors

Use top row colors only,these are the approvedbrand colors


Recommended shape and line styles

Default Shape Sample text Sample text

TextText

Text

Text Note: do not use rounded rectangles, shadows or gradients

Sample text

Text Text

30

Recommended dashed line format is round dots (shown here)

Default text box

Use only right-angled lines for connectors

Default line style


Smart art guidelines

31

• Colors: MuleSoft pallet only, no gradients

• Effects: No outline, no bevel, no shadows, no 3D


Preferred table style (custom designed)

32

Header 1 Header 2 Header 3 Header 4 Header 5

Row 1 • Bulleted text• Bulleted text• Bulleted text• Bulleted text

Text Text Text

Row 2 Text Highlight Text Text

Row 3 Text Text Text Text

Row 4 Text Text Highlight Text

Row 5 Text Text Text



Default table style

Header 1 Header 2 Header 3 Header 4 Header 5

Row 1 • Bulleted text• Bulleted text• Bulleted text• Bulleted text

Text Text Text

Row 2 Text Highlight Text Text


Row 4 Text Text Highlight Text

Row 5 Text Text Text


33

If you use ppt functions to insert a table, this is the default you will get. It is not preferred. Use the

custom designed one instead.


Preferred column chart (custom designed)

34

4.3

2.5

3.5

4.5

2.4

4.4

1.8

2.8

2 2

3

5

Category 1 Category 2 Category 3 Category 4

Series 1 Series 2 Series 3


0

1

2

3

4

5

6

Category 1 Category 2 Category 3 Category 4

Series 1

Series 2

Series 3

Default column chart

35

If you use ppt functions to insert a bar chart, this is the default you will get. It is not preferred. Use the custom-designed one instead


Pie chart (default)

36

16%

16%

17%17%

17%

17%

East

North

Northeast

South

Southwest

West


Template contents

37





5. Key slides


MuleSoft logo options

38


Icon and graphics library

39

Add on Accelerate UnlockRevenue

Thumbsup

Thumbsdown

VPC EnterpriseSecurity

B2B APIConnection

Laptop CustomApp

Log out Sales WebServices

Blankserver

Safe ConnectMicrosoft

User Users Developer Architect CIO

Notes on resizing: • Always hold down the shift key when resizing,

this will keep the icon from being distorted• Don’t use icons larger than approx 2” on the

largest dimension (shown to the right)

This set of 4 slides contains all MuleSoft icons as ppt objects. Unlike image files, these can be be recolored using “Shape Fill”. White icons can be used on a Core Blue circle background. Icons in both png and ppt can be found at: https://www.mulesoft.com/brand/graphics

https://www.mulesoft.com/brand/graphics


Icon set 1

40

Location Billing Conversation Mobile Tablet Retail Calendar API Beginner Intermediate Hard

Database Science Training Trash Connector Template Examples RAML Login Twitter Facebook

LinkedIn YouTube Case Study Datasheet Reports Webinar Whitepaper Folder Government Email New file

Comment Buildings Healthcare Antenna Security Graph Alert eBooks SaaS Image file Files


Icon set 2

41

Money Shopping cart System Camera Payment Server Logo server Online Classroom Duration Code

Box Apps Browser Creative Support Tools File Brief Client Networking Basecamp

Search Partners Implement AnalyticFile

Technology QRCode Cloud App Insurance Telcom Trophy BookMarked

Car Washing

Machine

POS Survey Cloud SMS Map Watch Unified

Connectivity

Hybrid

Integration

SaaS

Integration


Icon set 3

42

Modernize Global 24hrs Customerslove Mule

We speakDEV

API-ledConnectivity

Controls ConnectMobile

Press ESB Point-to-Point

DeeperInsights

Transform Unlock Workflow Play Endless Name Salesforceto everything

Growth Innovation DataWeave

Drink Drag andDrop

Fraud Cloud-to-Cloud

Integration

Sustainability Run CodingDesign

BusinessExec


Don’t mix old with new

43

New icons (use the ppt object format) Old graphics (don’t use) Really old graphics (get rid of it)


Images

• Don’t use Google images!

• We own, and can purchase stock photography that is in keeping with our brand

• Download from our image gallery from the brand site or contact brandcentral@mulesoftfor specific image requests

• Do not add shadows or borders to images

https://www.mulesoft.com/brand


Using screen shots correctly

45

Products: Crop screen shots to focus on the key part of your message

Mobile Apps: It is ok to use screen shots from public app stores

DON’T use screen shots embedded in a device


• To insert images

– Go to: Insert tab > Picture from File, or Insert tab > picture icon

• To scale an image, select a corner and drag

– NOTE: Always hold the shift key while resizing to preserve theimage proportions

• Cropping images

– Select the image you want to crop

– On the Format tab, in the Size group, click the Crop tool and drag the image bounding box to the desired size

– Warning: Our images are sized to allow text in margins, so if you crop, do not put text over people or busy areas of the image

Inserting and scaling images

46

Mac PC


1. Before starting:

a) Download the entire pack of icons or images from their repositories

b) Unzip the file(s) into “my pictures” folder

c) Choose default folder view as ‘thumbnails’

2. When creating a slide:a) Go to ‘Insert’

b) Click on ‘Picture’

c) Double click the image or icon you want

3. When resizing: Hold down the shift key to maintain the proper image aspect ratio

Tips on inserting icons, graphics, and images faster

47


Template contents

48





5. Key slides


API-led connectivity from MuleSoft

49

Connect to anything

SOA, SaaS and APIs on one platform

Highly productive

Designed for ease of use and deployability

Ready for hybrid IT

Write once, deploy anywhere

Unified connectivity Lowest friction Future proof


API-led connectivity: An approach to unlocking your organization

50

System APIs(legacy modernization, connectivity to SaaS apps, web services & Restful APIs)

Process APIs(orchestration, composable APIs, Microservices)

Experience APIs(purpose-built APIs for apps)

Mainframe FTP, Files Databases Legacy Systems SaaS apps ApplicationsWeb services

Central IT

LoBDev/IT

App Dev

Accessibility& Ownership


Only leader in all three Gartner Magic Quadrants

51

Magic Quadrant for Application Services Governance – April 2015

Magic Quadrant for Enterprise Integration Platform as a Service –March 2015

Magic Quadrant for On-Premises Application Integration Suites – July 2014


MuleSoft customers

52

• 210,000+ developers worldwide

• 775+ enterprise customers

• 4 of the top 10 global auto companies

• 4 of the top 7 global banks

• 2 of the top 3 global retailers


Company overview

53

Company

• Founded in 2006, HQ: San Francisco

• 550+ employees worldwide

• $259M total funding

• Nearly 70% new subscription bookings driven by APIs, mobile and SaaS integration

Products

• MuleSoft’s Anypoint Platform™ – addresses on-premises, cloud and hybrid integration use cases with scale and ease-of-use

• Subscription model with various packaged options to serve different use cases

San Francisco * Atlanta * New York *

Buenos Aires

London * Munich * Utrecht

Sydney * Singapore * Hong Kong


Business momentum

54

Company overview

• Founded in 2006, HQ: San Francisco

• 550+ employees worldwide

• $259M total funding

• Nearly 70% new subscription bookings driven by APIs, mobile and SaaS integration

Global footprint: Sales, services, support

Strong growth in 2015

• Q2 2015: 105% new subscription bookings growth YoY

• 775+ paying customers

- 4 of the top 10 global auto companies

- 4 of the top 7 global banks

- 2 of the top 3 global retailers

Notable customers

70% North America, 20% EMEA, and 10% APAC

The story behind the name


Develop re-usable building blocks

56

You have this Your answer Business wants this

This slide is animated


Applications don’t have to be monolithic

57


Enable composability with APIs

58

This slide is animated


Current state of [customer] integration landscape

59

Customize this slide with

endpoints of your choosing


Hybrid solutions with MuleSoft

60

Customize this slide with

endpoints of your choosing


The Anypoint Platform from MuleSoft

61

If you would like to

highlight one of the

components, individual

boxes and/or text can be recolored

using ‘shape fill’