Totalmobile - Brand Guidelines

Page 1

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

.pdf

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


totalmobile.co.uk

Design Elements


Graphic Elements

totalmobile.co.uk

Graphic Elements It shows “Intelligent Management Systems� 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 “Intelligent Management Systems�.

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.