Vison Document

1. DESIGN REVIEW

2. VISUALLY UNIFY MULESOFT
00 / 00
GOAL

3. VISUAL DNA
UX

4. A HERO ON A QUEST FOR CONNECTIVITY
00 / 00
MARKETING BRAND METAPHOR

5. PLUMBING OF THE INTERNET
00 / 00
METAPHOR

6. THE DONKEY WORK
00 / 00
METAPHOR

7. KEYWORD
VISUAL DNA
ACCELERATE, ACCEPTANCE, ADVANCED, BELIEVED, BRAVE, BRIGHT,
CARE, CLEAN, CLEAR, CLEVER, CONFIDENT, CONNECTIVE, CONSISTENT,
CONTRAST, COURAGE, CRISP, CURIOUS, DIGITAL, DISTINCT, DYNAMIC,
EASY, EFFECTIVE, ENERGY, EVOLVING, EXCLUSIVE, EXPERT, FLOW,
FOCUS, FUN, FUNCTIONAL, FORCE, FORWARD, FUTURE, HELPING,
HIGH-TECH, HIGH CONTRAST, IMPROVING, INNOVATIVE, INTUITIVE,
JOYFUL, LIGHTWEIGHT, MODERN, MOMENTUM, POSITIVE, POWER,
PRECISION, PROACTIVE, PROGRESSIVE, QUALITY, RELIABLE, ROBUST,
SAFE, SECURE, SHARP, SIMPLE, SMART, SPARKLY, STEADY, TENSION,
TRADITIONAL, TRUST, VERSATILE, VIABILITY
00 / 00

8. KEYWORD
VISUAL DNA
PRECISE
BRIGHT
FOCUS
SMART
EFFECTIVE
SHARP
RELIABLE
ACTIVE
ADAPTABLE
ENERGETIC
CLEAR DYNAMIC
00 / 00

9. PRECISE CLEAR DYNAMIC
CRISP DETAILS, CLEAR EXPERIENCE, JUST WORKS
00 / 00
UX VISUAL METAPHOR

10. THE WATCHMAKER
00 / 00
A HERO ON A QUEST FOR CONNECTIVITY

11. CONNECT
KEYWORD
VISUAL DNA
00 / 00
ANYTHING

12. 12
6
39ANYPOINT PLATFORM
KEYWORD
VISUAL DNA
00 / 00

13. 12
6
39 EFFECTIVEPRECISE, CLEAR, DYNAMIC
KEYWORD
VISUAL DNA
00 / 00

14. COLORS
UX

15. 00 / 00
BRANDBOOK / MULESOFT.COM/BRAND/COLORS
PRIMARY SECONDARYCTAs

16. PRECISION
NEUTRAL
BRIGHT ALUMINUM
989A9B
PRECISION
DARK STEEL
NEUTRAL
3A3B3C
00 / 00

17. BRAND
CLEAR
CORE BLUE
00A3E0
DYNAMIC
SUPPORTING
FUTURE GREEN
SUPPORTING
DYNAMIC
TRADITIONAL BLUE
3F6373 2F9E67
00 / 00

18. ACCENT COLORS
00 / 00
CORE BLUE DRIVEN
CORE BLUE INDIGO
NAVY VIOLET
VIRIDIAN
TURQUOISEFUTURE GREEN
YELLOW RED

19. 00 / 00
COLOR BALANCE
VISUAL

20. FORM LANGUAGE
UX

21. 325° 345° 0°
180°
15° 35°
215° 195° 165° 145°
90°270°
LOGO ANALYSIS
FORM LANGUAGE
00 / 00

22. 35° ANGLES 15° ANGLES 0° ANGLESCURVATURE SHARP
SHAPE EXPLORATION
FORM LANGUAGE
00 / 00

23. DIVIDE PRECISECLEAR DYNAMICMOMENTUM
00 / 00
ICON
FORM LANGUAGE

24. CONNECTIONINVISIBLE
00 / 00
CURVE
FORM LANGUAGE

25. MULESOFT CURVE
00 / 00
CURVE
FORM LANGUAGE

26. TEMPLATE
00 / 00
PRESENTATION

27. 00 / 00
WEB

28. 00 / 00
ICONS

29. TYPEMARK SHAPE EXPLORATION
FONTS
SANS SERIFF UNIFORM
THICKNESS
GEOMETRICCURVATURE 0° ANGLES
00 / 00

30. DIN
HEADER
00 / 00
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ZENDESK COMCASTDROPLR
DIN - 10 styles

31. OPEN SANS
BODY
00 / 00
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
HOOTSUITE CARLYLE GROUPWORKDAY
Open sans - 10 styles

32. INPUT MONO
CODE
00 / 00
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Input Mono Condensed - 14 styles

33. Make API-led connectivity a reality with Anypoint
Platform. Build new APIs, design new interfaces
for existing APIs and more efficiently manage all
your APIs using a single platform to rapidly
expose enterprise data to mobile devices, web
apps and connected things in a secure
controlled way.
Unleash the value of your information,
eliminating the friction of integration and
enabling unprecedented speed, agility and rapid
change.
IN USE
FONTS
DIN
Open sans
Make API-led connectivity a reality with
Anypoint Platform. Build new APIs, design
new interfaces for existing APIs and more
efficiently manage all your APIs using a
Input mono
Crisp details, clear experience &
just works
00 / 00

34. contactus
Services > Training
Products Solutions Industries Services Resources Partners Company
CommunitySupportContact 1.415.229.2009 Blog Language
SEARCH
Michael W. Brown
Director of IT State of Colorado
“Lorem ipsum dolor sit amet, consectet
adipiscing elit. Etiam quis tellus sit.”
Follow the developer path
CloudHubMule ESBAPIsMultiple products
Lorem ipsum dolor sit amet, cons
etur adipiscing elit, sed do eiusm
tempor incididunt ut labore et do
e magna aliqua. Ut enim ad mini
veniam, quis nostrud.
Lorem ipsum dolor sit amet, cons
etur adipiscing elit, sed do eiusm
tempor incididunt ut labore et do
e magna aliqua. Ut enim ad mini
veniam, quis nostrud.
Lorem ipsum dolor sit amet, cons
etur adipiscing elit, sed do eiusm
tempor incididunt ut labore et do
e magna aliqua. Ut enim ad mini
veniam, quis nostrud.
Lorem ipsum dolor sit amet, cons
etur adipiscing elit, sed do eiusm
tempor incididunt ut labore et do
e magna aliqua. Ut enim ad mini
veniam, quis nostrud.
View course
Getting started with
Anypoint Platform
1
View course
Connector development
essentials
2
View course
Anypoint Platform
essentials
1
View course
Designing APIs with
Anypoint Platform
2
View course
Getting started with
Anypoint Platform
1
View course
Connector development
essentials
2
View course
Getting started with
Anypoint Platform
1
View course
Connector development
essentials
2
MULESOFT.COM

35. STUDIO
PREVIEW

37. AnypointStudio
log4j2.xml demo.html ErrorThrownEvent.classfufillment
Message Flow Global Elements Configuration XML
Design Debug Deploy
Project explorer
Search
Hello World
Project Settings
Project Preferences
Project Classpath
Mule Configuration Files
hello_world
world_hello
Flows
echoFlow
helloWorld
worldListener
Connectors
MUnit Tests
Resources
APIs
Classes
Mappings
Properties
WSDLs
Explorer
Start
/orders
flow: orderService
HTTP
Order
Webservice
SOAP
totalValue=0
SESSION
Enrich with purpose rec...
For each Order Item
Order
Webservice
VM
Problems/orders
Exchange pattern
Enabling HTTPS will require configuring a HTTPS Connector
Payload
Unknown: Unknown
Flow Variables
Session Variables
Inbound Properties
Record Properties
request-response (Default) one-way
Enable HTTPS
Interceptors
Security
Advanced
Notes
General /ordersDisplay Name
LocalhostHost
1080Port
In Out
Filter
Default
Async
Default
totalValue=0
SESSION
Dispatch to
inhouseOrder
JMS
Dispatch to
samsungOrder
VM
Order
Webservice
VM

38. AnypointStudio
log4j2.xml demo.html ErrorThrownEvent.classfufillment
Message Flow Global Elements Configuration XML
Design Debug Deploy
Project explorer
Search
Hello World
Project Settings
Project Preferences
Project Classpath
Mule Configuration Files
hello_world
world_hello
Flows
echoFlow
helloWorld
worldListener
Connectors
MUnit Tests
Resources
APIs
Classes
Mappings
Properties
WSDLs
Explorer
Start
/orders
flow: orderService
HTTP
Order
Webservice
SOAP
totalValue=0
SESSION
Enrich with purpose rec...
For each Order Item
Order
Webservice
VM
Problems/orders
Exchange pattern
Enabling HTTPS will require configuring a HTTPS Connector
Payload
Unknown: Unknown
Flow Variables
Session Variables
Inbound Properties
Record Properties
request-response (Default) one-way
Enable HTTPS
Interceptors
Security
Advanced
Notes
General /ordersDisplay Name
LocalhostHost
1080Port
In Out
Filter
Default
Async
Default
totalValue=0
SESSION
Dispatch to
inhouseOrder
JMS
Dispatch to
samsungOrder
VM
Order
Webservice
VM

39. ANYPOINT PLATFORM
PREVIEW

41. CONTEXT DRIVEN
ANYPOINT PLATFORM
00 / 00
CONTENTTOOLSTART
CONTENT TOOL

42. FACEBOOK.COM/ANALYTICSPHOTOSHOP.COM/TOOLS AZURE.MICROSOFT.COM
DESKTOP / WEB
ANYPOINT PLATFORM
00 / 00

43. Organization
NAV
TOOLS
CONTENT DETAILS

44. More training options
View course
essentials
View course
Advanced Anypoint
Platform development
4
View course
Anypoint Platform
View course
Managing APIs with
Anypoint Platform
4
View course
essentials
View course
Advanced Anypoint
Platform development
4
View course
essentials
View course
Advanced Anypoint
Platform development
4
Recent used
Dashboard
API Transactions
Apps
APIs
Dashboard
Anypoint
Central
Search
23
Manny Smith
New
1.0
5.2
1.0
5.1
f.g.
Version
test, tag
one
one
test, tag
one
Tags
11 Nov
9 Nov
11 Nov
9 Nov
1 Nov
Created
Ship
the application
My First portal
Test
My first API
Name Type
App
API
API Portal
API Portal
API Policies
Dec Jan Feb Mar Apr May

45. Recent used
Dashboard
API Transactions
Apps
APIs
Dashboard
Anypoint
Central
Search
23
Manny Smith
Organization
New
1.0
5.2
1.0
5.1
f.g.
Version
test, tag
one
one
test, tag
one
Tags
11 Nov
9 Nov
11 Nov
9 Nov
1 Nov
Created
Ship
the Mule
My First portal
Test
My first API
Name Type
App
API
API Portal
API Portal
API Policies
Dec Jan Feb Mar Apr May
Upload
Activity
the application
http://github-issues-to-trello.cloudhub.io/
CloudHub Starting
30.5%
CPU avarage last hour
10
Transactions last hour
app-file-3.zip

46. Edited Header Text Content
Image SnippetAttachmentText Heading Markdown
Edited Subsection TitleSection title
Another Subsection Title
Another Subsection Title
Delete pageHide page
Subsection Title
Another Section title
Add Section
Edited Subsection Title *
Add Subsection
Reference page
Eskobo chumby doostang bebo. Lijit trulia spock ifttt voki reddit hipmunk airbnb zinch, geni
mobly ngmoco octopart wikia joost ebay plickers, geni balihoo kosmix blekko waze rovio
palantir octopart. Jaiku voki oooooc odeo octopart oooooc foodzie kno sifteo, voxy zoosk nuvvo
twones divvyshot oooooc bebo gsnap sococo, kno napster meebo loopt weebly sclipo wesabe.
Zooomr zinch spotify qeyno wufoo kaboodle eduvant ideeli meevee hulu zoodles yuntaa
heroku, groupon glogster bitly octopart napster zapier sococo glogster sococo airbnb kno.
Heroku joukuu revver meebo dopplr octopart oovoo bitly, zillow divvyshot loopt grockit boxbe.
Notebook Reference
My First Portal Title PublishRevert
published 2 weeks agogo to live version
Saved
Management
Designer
the Mule 5.2
Anypoint
API
23
Manny Smith
Organization
Analytics
SLAs
Policies
Portals

47. PausePlay
Live view
SyntaxxxxxPausePlay Search
Live view
Syntaxxxxx
SLAs
Apps
Code
11:17:53.333
11/24/2014
1.0
5.2
1.0
5.1
f.g.
Version
test, tag
one
one
test, tag
one
Tags
11 Nov
9 Nov
11 Nov
9 Nov
1 Nov
Created
Ship
the application
My First portal
Test
My first API
Name
Apps
1.0
5.2
1.0
5.1
f.g.
Version
test, tag
one
one
test, tag
one
Tags
Ship
the application
My First portal
Test
My first API
Name
TABLET SMARTPHONE
2

48. PausePlay
Live view
Syntaxxxxx
2
PausePlay Search
Live view
Syntaxxxxx
the application
Apps
Code
11:17:53.333
11/24/2014
1.0
5.2
1.0
5.1
f.g.
Version
test, tag
one
one
test, tag
one
Tags
11 Nov
9 Nov
11 Nov
9 Nov
1 Nov
Created
Ship
the application
My First portal
Test
My first API
Name
Apps
1.0
5.2
1.0
5.1
f.g.
Version
test, tag
one
one
test, tag
one
Tags
Ship
the application
My First portal
Test
My first API
Name
Upload
Activity
the application
http://github-issues-to-trello.cloudhub.io/
CloudHub Starting
30.5%
CPU avarage last hour
10
Transactions last hour
app-file-3.zip
TABLET SMARTPHONE
Upload
Activity
the application
http://github-issues-to-trello.cloudhub.io/
CloudHub Starting
30.5%
CPU avarage last hour
10
Transactions last hour
app-file-3.zip

49. CRISP DETAILS, CLEAR EXPERIENCE, JUST WORKS