+ All Categories
Home > Documents > Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography....

Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography....

Date post: 23-Jul-2020
Category:
Upload: others
View: 0 times
Download: 0 times
Share this document with a friend
22
Brand Guidelines A complete guide outlining the assets, design, and the look-and-feel of the Conferma Pay brand.
Transcript
Page 1: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Brand GuidelinesA complete guide outlining the assets, design, and the look-and-feel of the Conferma Pay brand.

Page 2: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Contents

07

12

17

03

08

13

18

04

09

14

19

05 06

10 11

15 16

Logo Stretch

Primary Type

Grid System

Brand Values

Product Logos

Secondary Type

Device Library

Brand Vision

Logo Colours

Type Sizes

Product Display

Strapline Logo

Logo Misuse

Colours

Image Use Pattern

Conferma Pay Brand Guidelines

2

Page 3: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

CoreValuesCore values are things that we celebrate and promote within our business.

IntegrityAgilityCollaboration Imagination Enthusiasm

Conferma Pay Brand Guidelines

3

Brand Values

Page 4: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

BrandVisionThe Brand Vision Model directs us through the process of defining our brand vision and incorporating it fully into our business.

Leading for Change

Changing the way payments are made can address many of the financial and operational challenges global businesses face today.

Removing Plastic

On a mission to help businesses remove plastic from payment.

Building an Ecosystem

Powering the world’s largest ecosystem of virtual card providers.

Conferma Pay Brand Guidelines

4

Brand Vision

Page 5: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Straplinepowering business payment forward

The strapline sums up the essence of our brand and is to be used in essential client facing collateral and marketing materials.

Conferma Pay Brand Guidelines

5

Strapline

Page 6: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

LogoThe badge

Conferma Pay Brand Guidelines

6

Logo - Badge

Page 7: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

LogoStretch

Without Strapline Logo Strapline Logo ‘Powered by’ Logo

Conferma Pay Brand Guidelines

7

Logo - Stretch

Page 8: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Product LogosThese logos are to be assigned to each individual product.

Products mentioned in text:

‘Conferma Pay API’

‘Conferma Pay App’

‘Conferma Pay App Control’

‘Conferma Pay Connect’

‘Conferma Pay Online’

‘Conferma Pay Hotel Booker’

‘Conferma Pay Support’

‘Conferma Pay Snap’

‘Conferma Pay Snap+’

‘Conferma Pay Set Up’

Conferma Pay Brand Guidelines

8

Product Logos

Page 9: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

LogoColoursEach logo variation has been tailored to maximise visibility on coloured backgrounds.

Carefully select a logo style depending on the backgound it lays upon.

Conferma Pay Brand Guidelines

9

Page 10: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

LogoMisuseDo not use Conferma Pay badge logo with stretch logo.

Do not refer to Conferma Pay as ‘ Conferma’

Do not seperate the logo onto two lines

Do not place incorrect logos onto busy or coloured backgrounds.

These are the basic examples of misuse. For further questions and approvals please contact the marketing team.

Conferma Pay Brand Guidelines

10

Page 11: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Colours

CP BlueCMYK = 79/35/0/0RGB = 31/137/202

HEX = 1F89CA

CP Light BlueCMYK = 18/0/0/2

RGB = 214/236/249HEX = D6ECF9

CP Light GreyCMYK = 4/3/4/0

RGB = 246/246/246HEX = F6F6F6

CP RedCMYK = 0/95/87/0RGB = 227/33/38

HEX = E32526

CP Dark GreyCMYK = 0/0/0/75RGB = 99/99/98HEX = 636362

Conferma Pay Brand Guidelines

11

Page 12: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

AaAaABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789&*£$%?!()”,:/|

FF DIN Bold FF DIN Regular

FF DIN

The primary Conferma Pay typeface is FF DIN. Clean, distinctive and legible, and we use it in two weights; Regular and Bold.

Conferma Pay only uses the FontFont version of DIN that belongs to the FontFont library.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789&*£$%?!()”,:/|

Typography

Conferma Pay Brand Guidelines

12

Typography

Page 13: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

ARIAL

The secondary typeface used for the Comferma Pay visual identity is Arial. A highly legible typeface that is standard on PC and Macintosh computers. It mimics some of the characteristic of the primary typeface.

Arial should be used for all internally produced documents. These include MS Word documents, letters and MS PowerPoint presentations.

SecondaryTypography

AaAaABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789&*£$%?!()”,: / |

Arial Bold Arial Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghi jk lmnopqrstuvwxyz0123456789&*£$%?!()” , : / |

Conferma Pay Brand Guidelines

13

Typography

Page 14: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Apply the appropriate text sizes to all client and partner facing collateral and documents to keep consistency.

This mainly applies to Word documents, PowerPoint slides and marketing collateral.

Print Digital Online

Heading30pt - Bold

Title24pt - Bold

Subtitle12pt - Bold

Text Body10 - Regular

Small Additional Text6pt - Regular

Heading50pt - Bold

Title25pt - Bold

Subtitle13pt - Bold

Text Body10pt - Regular

Small Additional Text8pt - Regular

Heading52pt - Bold

Title35pt - Bold

Subtitle26pt - Bold

Text Body16pt - Regular

Small Additional Text11pt - Regular

Font Sizes

Conferma Pay Brand Guidelines

14

Typography

Page 15: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Icons

IconsConferma Pay Brand Guidelines

15

Page 16: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

City scape images are to be used as backgrounds for text and inforgraphics on presentation decks, website and collateral materials.

#1F89CA Blue colour overpay at 70% opacity.

Image Use

Conferma Pay Brand Guidelines

16

Page 17: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

City scape illustrations are to be used as a banner in theConferma Pay app. Each key location will have an assigned bespoke illustration reflecting it’s most famous landmarks.

These illustrations can also be used in collateral and marketing materials including social media.

City Scapes

City Scape IllustrationsConferma Pay Brand Guidelines

17

Page 18: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

The bespoke card overlayed pattern is to be used across print and digital collateral and factsheet documents in forms of front and back cover.

Pattern

Conferma Pay Brand Guidelines

18

Page 19: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

The documents should follow a 5 grid system with 5mm gutter and 23mm margin.

Grids

Conferma Pay Brand Guidelines

19

Grid system

Page 20: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Each product now has an assigned device according to its use. These devices should always be displayed on light grey (#f2f2f2) or white background for best visibility (excluding some marketing materials).

Device Library

Conferma Pay Brand Guidelines

20

Device Gallery

Page 21: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

This format should be used to display multilayer information of product screenshots.

Isometric Device Library

Conferma Pay Brand Guidelines

21

Device Gallery

Page 22: Brand Guidelines - Conferma Pay · 2020-04-24 · Conferma Pay Brand Guidelines 14 Typography. Icons Conferma Pay Brand Guidelines Icons 15. City scape images are to be used as backgrounds

Brand Guidelines

Conferma Pay Brand GuidelinesKarolina GliwaMarch 2020


Recommended