totalmobile.co.uk
The Ultimate Guide to the
Totalmobile Brand
The images shown are prototypical. No rights reserved. Documents is for internal coordination only.
Contents Logo
totalmobile.co.uk
Design Elements
Look and Feel
4.
Logo Versions
23.
Graphic Elements
37.
Digital
7.
Measurements and Clear Space
24.
Use of Graphic Elements
38.
Stationery
8.
Avatar Use and Placement
9.
Size and Placement
39.
Event Signage
Imagery
40.
Pull Up Banners
26.
Imagery Style
41.
Advertising
27.
Use of Imagery
28.
Graphic Imagery
10. Dont’s 11.
File Naming
Colour 13.
Primary Brand Colours
14.
Secondary Brand Colours
15.
Brand Gradients
16.
Color Proportions
Typography 18.
Brand Typography
19.
Replacement Font and Application
20.
Use of Typography
21.
Dont’s
2. Contents
Iconography 30.
Icon Examples
31.
Icon Styles
32.
Icon Usage
Layout 34.
Layout Principles
35.
Basic Construction
totalmobile.co.uk
Logo
Logo Versions
totalmobile.co.uk
The Totalmobile logo, pictured above is our primary logo colourway. It
The totalmobile logo, pictured above is our whiteout logo. It should only be
should only be used with light coloured backgrounds and images. To ensure
used with dark, and overlayed photography. To ensure consistent brand
consistent brand appearance, the logo should be used with all company-own
appearance, the logo should be used with all company-own brand-related
brand-related media.
media.
The logo must not be changed.
The logo must not be changed.
4. Logo Versions
Standard Versions: The free-standing logo is available as a positive and negative version. Please use the negative version for dark backgrounds and the positive version for light backgrounds.
5. Logo Versions
Sponsoring Version: For external usage, such as sponsoring or co-branding, the white or colour version can be used, depending on the background. With this in mind don’t use the full colour logo on a dark coloured image.
6. Logo Versions
Measurement and Clear Space
totalmobile.co.uk
Measurements The size of the logo Avatar (X) is divided into four equal
Clear Space To give the logo a suitable stage, please ensure that the
parts (Y). These two factors will give the measurements for any layout
logo is not influenced by external elements by maintaining a clear space of 1Y
characteristics, such as clear space, logo placement, and type area.
around the logo. Elements from the brand design (e.g. the graphic element) can be put underneath the logo, but never cover it.
7. Measurements and Clear Space
Avatar Use and Placement
totalmobile.co.uk
Totalmobile Avatar Rule To ensure its visibility and impact, the Totalmobile avatar is always surrounded by a minimum clear space. This area should be free of any graphic elements or text. The minimum clear space of the avatar is a square the same size as 1/4 of the width of the avatar. (marked as Y in the diagram).
8. Avatar Use and Placement
Size and Placement
Placement and Logo Size: For portrait, the logo is 1/4 of the
totalmobile.co.uk
Minimum size
width of the page. The logo should be placed on the top left 10mm Height
corner of the document or the Top right . The Totalmobile avatar can be placed in both top or bottom left/right corners. The text/copy must be left-aligned.
8mm Height
Minimum size
9. Size and Placement
Dont’s
totalmobile.co.uk
The following applications should be avoided.
Don’t use the light logo on light backgrounds.
Don’t re-colour any logo, symbol or logo type.
Don’t use different printing techniques for the logo and symbol.
Don’t alter the perspective or direction of the logo.
Don’t add outlines to the logo or symbol.
Don’t tilt, skew or add effects to the logo or symbol.
Don’t use any affects or overlays on the logo.
Don’t alter the dimensions, spacing or placements on any element on the logo.
10. Dont’s
File Naming
totalmobile.co.uk
Totalmlogo STD Full 4C .eps 1. Logo name
2. Logo version
3. Color
4. Color Space
5. File Format
Full
.eps
White
RGB
.svg
Black
Totalm logo
STD (Standard)
4C (CMYK) SC (Pantone)
.jpeg .png
11. File Naming
totalmobile.co.uk
Colour
100%
100%
Dark
Light
Primary
CYMK 92, 93, 0, 0 RGB 66, 43, 135 HEX 422B87
CYMK 51, 86, 0, 0 RGB 148, 61, 145 HEX 943D91
CYMK 0, 51, 91, 0 RGB 247, 145, 31 HEX F7911F
Purple
Purple
100%
Yellow
90%
90%
90%
70%
70%
70%
50%
50%
50%
30%
30%
30%
13. Primary Brand Colors
100%
100%
100%
Secondary Colour
Secondary Colour
Secondary Colour
CYMK 70, 75, 0, 0 RGB 121, 79, 188 HEX 794FBC
CYMK 0, 65, 85, 0 RGB 244, 115, 43 HEX F4732B
CYMK 8, 4, 4, 0 RGB 238, 241, 243 HEX EEF1F3
Purple
Orange
Grey
90%
90%
90%
70%
70%
70%
50%
50%
50%
30%
30%
30%
14. Secondary Brand Colors
CYMK 51, 86, 0, 0 RGB 148, 61, 145 HEX 943D91
CYMK 92, 93, 0, 0 RGB 66, 43, 135 HEX 422B87
CYMK 0, 51, 91, 0 RGB 247, 145, 31 HEX F7911F
CYMK 0, 0, 0, 0 RGB 255, 255, 255 HEX FFFFFF
Gradient
Gradient
Gradient
Gradient
CYMK 92, 93, 0, 0 RGB 66, 43, 135 HEX 422B87
CYMK 70, 75, 0, 0 RGB 121, 79, 188 HEX 794FBC
CYMK 0, 65, 85, 0 RGB 244, 115, 43 HEX F4732B
CYMK 8, 4, 4, 0 RGB 238, 241, 243 HEX EEF1F3
Purple 1
15. Brand Gradients
Purple 2
Yellow
Grey
Colour Proportions
totalmobile.co.uk
eBOOK
eBOOK
Who we
Work with Mobile Workforce Management Solution
Mobilise
The Ultimate Guide to
Transforming Field Service Management In this eBook we identify what helps deliver a great
Mobilise from Totalmobile is a mobile working solution that empowers your mobile workforce with the ability to capture intelligent data and access the information needed to deliver services effectively, first time.
totalmobile.co.uk
Field Service Management Service Data Analytics and Business Intelligence
Insight
What we deliver:
Insight from Totalmobile is a data and analytics solution that provides organisations with access to rich data and deep insights into your mobile
The Ultimate Guide to the
workforce and its delivery of work.
Totalmobile Brand
The images shown are prototypical. No rights reserved. Documents is for internal coordination only.
Government
Transport & Logistics
> ÂŁ1,000,000 millions saved through reducing operational costs
> 52% reduction in SLA breaches
> 33% increase in time staff spend delivering service
> 33% increase in staff productivity
> ÂŁ600 reduction in fuel costs per mobile worker per year
> 15% scheduling efficiency saving
Health & Social Care
Facilities Management
> 31% more face to face time with patients
> 23% reduction in the cost of service delivery
> 100% of patient visits outcome successfully
> 100% compliance with all KPIs
> 61% clinical record input time
> 35% increase in delivering required services
Utilities and Infrastructure
Housing and Property
> 29% increase in time delivering service
> 28% increase in repairs and maintenance productivity
> 100% compliance with health and safety standards
> 21% increase in turnover
> 24% more jobs completed per day
> 35% more jobs being completed every day
www.totalmobile.co.uk
In first-level communication (e.g. adverts, brochures, trade shows, or home page),
In second-level communication (e.g. inner pages), the color scheme above should
the color scheme above should form the overall brand impression. For digital media,
build the stage for any kind of content.
the background gradient can be used as well.
This color scheme shows a general color proportion that should be respected for communication on the first and second level. In specific cases, the color proportion can be adjusted.
16. Color Proportions
totalmobile.co.uk
Typography
Brand Typography
totalmobile.co.uk
Font Exo 2 Light ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqurstuvwxyz
1234567890 :’/?><@£$%*&!()
Regular
Lorem ipsum dolor sit amet, consectetur adipiscing
Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique luctus ipsum, sed blandit orci. Vivamus sed tellus tortor. Nam sollicitudin
Italic abcdefghijklmnopqrstuvwxyz
lacinia neque, non posuere lectus.
abcdefghijklmnopqurstuvwxyz
1234567890 :’/?><@£$%*&!()
Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQURSTUVWXYZ
1234567890 :’/?><@£$%*&!()
Exo 2 is a contemporary geometric sans serif typeface that tries to convey a technological/futuristic feeling while keeping an elegant design. Exo is a very versatile font. Exo 2 has a more organic look that will perform much better at small text sizes and in long text.
18. Brand Typography
Italic
“Maecenas pellentesque pharetra neque, nec blandit neque fringilla at.”
Replacement Font and Application Trebuchet MS Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqurstuvwxyz
1234567890 :’/?><@£$%*&!()
totalmobile.co.uk
Application
Font
Letterheads
Exo 2
Business cards
Exo 2
Excel documents
Trebuchet MS
E-mails
Exo 2
Presentatons (internal)
Trebuchet MS
Presentatons (external)
Exo 2
Online Media / E-mails
Exo 2
Signage elements
Exo 2
Ads
Exo 2
Brochures
Exo 2
Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqurstuvwxyz
1234567890 :’/?><@£$%*&!()
Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqurstuvwxyz
1234567890 :’/?><@£$%*&!()
Trebuchet MS is a system font that is used on any occasion when the brand type is not available due to technical circumstances (e.g. Office applications such as internal PowerPoint presentations or Excel documents).
19. Replacement Font and Application
Font Usage For specific usage of fonts see the table above.
Use of Typography
totalmobile.co.uk
eBOOK
The Ultimate Guide to
2
Application
1
Transforming Field Service Management In this eBook we identify what helps deliver a great Field Service Management Service
totalmobile.co.uk
Typeface
First-level color
Second-level color
1
Headline
Exo 2
Purple
White
2
Subline Lead text
Exo 2
Yellow
Yellow
3
Copy text
Exo 2
Purple
White
Highlight
Exo 2
Yellow
Yellow
3
The Ultimate Guide to the
2
Totalmobile Brand
1
The images shown are prototypical. No rights reserved. 3 Documents is for internal coordination only.
Type characteristics
www.totalmobile.co.uk
Font styles All typography should be placed left-aligned within the type area.
Type sizes can be chosen freely depending on the communicative goal and amount
Please do not use any other typefaces or styles for communicative media.
of space. Please make sure that all sizes reflect a proper communication hierarchy. In general, please do not fall below 6 pt type size. For highlighted text in Yellow, do not fall below 9 pt.
20. Use of Typography
Dontâ&#x20AC;&#x2122;s
totalmobile.co.uk
The following applications should be avoided.
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Consectetur adipiscing elit. Sed
Consectetur adipiscing elit. Sed
Consectetur adipiscing elit. Sed
Consectetur adipiscing elit. Sed
tristique luctus ipsum, sed blandit
tristique luctus ipsum, sed blandit
tristique luctus ipsum, sed blandit
tristique luctus ipsum, sed blandit
orci.
orci.
orci.
orci.
Changing of font styles
Adding Effects
Highlighting in other than defined colors
Changing of type color
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Consectetur adipiscing elit. Sed
Consectetur adipiscing elit. Sed
Consectetur adipiscing elit. Sed
tristique luctus ipsum, sed blandit
tristique luctus ipsum, sed blandit
tristique luctus ipsum, sed blandit
orci.
orci.
orci.
Excessive highlighting
Usage of other than designated typefaces
Distorting type
21. Dontâ&#x20AC;&#x2122;s
totalmobile.co.uk
Design Elements
Graphic Elements
totalmobile.co.uk
Graphic Elements It shows â&#x20AC;&#x153;Intelligent Management Systemsâ&#x20AC;? in a smart and
Basic Set There is a set of graphics available that can be used for standard
distinctive way. They have been created to interact with imagery or standard
applications. Please ensure the compatibility of the basic graphics and the content
applications. The abstract shapes reflect Totalmobile brand in a decorative
of the communication.
way.
23. Graphic Elements
Use of Graphic Elements
totalmobile.co.uk
e-book
totalmobile.co.uk
The Ultimate Guide to
Transforming Field Service Management In this eBook we identify what helps deliver a great Field Service Management Service
Totalmobile
Transform Field Service Management Optimise and enable your front line workforce with mobile workforce management technology.
www.totalmobile.co.uk
Autonomous The Grahpic Elements can easily be used autonomously to show the
Additive The Grahpic Elements can also be
idea of a â&#x20AC;&#x153;Intelligent Management Systemsâ&#x20AC;?.
used along side imagery as shown above.
24. Use of Graphic Elements
totalmobile.co.uk
Imagery
Imagery Style
Full images We use focused, striking imagery that shows our range of services through pictures. Combine these with the Graphic Elements makes our images remarkable and unique, perfectly harmonizing the Totalmobile brand.
26. Imagery Style
totalmobile.co.uk
Use of Imagery
totalmobile.co.uk
eBOOK
C A PA C I T Y
33%
Increase in workforce capacity
COST
25%
Reduction in operational costs
CONSISTENCY
50%
Improvement in customer satisfaction
First Level Front Covers for brochures etc
Second Level Inside spreads and information pages
Cut Outs Cut-outs should always be free-standing with appropriate clear space around them.
27. Use of Imagery
Full Images should always bleed off.
Graphic Imagery
Graphic Imagery Images can be used in a circle as shown above which can be used across web and print formats. Images can also be accompied with icons as well.
28. Graphic Imagery
totalmobile.co.uk
More examples on how graphic imagery should look.
totalmobile.co.uk
Iconography
Icon Examples
Icon can be found at : https://www.flaticon.com/ Style: Full Colour
30. Icon Examples
totalmobile.co.uk
Icon Styles
totalmobile.co.uk
First Level Icons will appear at the top level of any branded
Second level icons will appear when being used with images or with
document or website when being used.
content that appears below the first level icon.
Icon can be found at : https://www.flaticon.com/ Style: Full Colour
31. Icon Styles
Icon Usage
totalmobile.co.uk
Totalmobile Icon Rule To ensure its visibility and impact, the icon is always surrounded by a minimum clear space. This area should be free of any graphic elements or text. The minimum clear space of the avatar is a square the same size as 1/4 of the width of the icon. (marked as Y in the diagram).
Icon can be found at : https://www.flaticon.com/ Style: Full Colour
32. Icon Usage
totalmobile.co.uk
Layout
Layout Principles
Front Cover Layout
34. Layout Principles
Inside spreads and information pages layout
totalmobile.co.uk
Basic Construction
totalmobile.co.uk
2
4
e-book
The Ultimate Guide to 5
Transforming Field Service Management
1.
Background
Fixed defined brand element
2.
Logo
Fixed defined brand element
3.
Image
Variable brand element with defined
characteristics and gradient
4.
Graphic Element
Variable brand element with defined
In this eBook we identify what helps deliver a great Field Service Management Service
1
characteristics
3
www.totalmobile.co.uk
Elements All communicative media should contain the basic brand elements as shown above.
35. Basic Construction
5.
Text
Variable brand element with defined
characteristics
Look and Feel
Digital
37. Digital
totalmobile.co.uk
Brochures
38. Brochures
totalmobile.co.uk
Stationery
39. Stationery
totalmobile.co.uk
Event Signage
40. Event Signage
totalmobile.co.uk
Pull Up Banners
41. Pull Up Banners
totalmobile.co.uk
Advertising
42. Advertising
totalmobile.co.uk
totalmobile.co.uk
Thank you for keeping on brand London Office
Belper Office
Brettenham House
Ironstone House
Lancaster Pl
Kedleston Close
London WC2E 7EN
Belper
info@totalmobile.co.uk
Derbyshire DE56 1TZ
NI 18486
+44 (0) 1773 596
Belfast Office
Bury St Edmunds Office
Pilot Point
22 Park Farm
21 Clarendon Road
Fornham St,
Belfast
Genevieve
BT1 3BG
Bury St Edmunds IP28 6TS
+44 28 9033 0111
+44 (0) 1284 330 164