Specimen Guidelines Client: Contents:
Date:
Link Banking 1.0 2.0 3.0 4.0
Introduction (page 1) The Logo Design (page 3) App Icons (page 5) Usage (page 11 )
March 2016
1.0
Introduction Overview The purpose of these guidelines is to explain the use of the universal interface symbols for a banking app - Link Banking and to reinforce consistent application of the visual elements in all communications. Guidelines on the use of the logo are included.
1.0 Introduction
Specimen Guidelines | Link Banking | 2016
1.
Link Banking
Link Banking is a mobile banking app that provides essential tools to monitor, manage, and automate your finances. It combines the robust account management of a banking app with cross linking features that allow the user to switch seamlessly between bank providers. It hosts all main banking features in one app, in order to keep the online banking experience less time consuming, by not having to use several multiple banking apps at once.
Application Overview Monitor: User can gain a better understanding of their spending and saving habits with Link Bankings’ alerts and notifications calander that tracks and categorizes transactions providing the user with push notifications which allow them to never worry about overdrawing their accounts. Manage: Link Banking is an app for full control of your finances. Having administrative access to all your accounts in one place allows you to act on new information swiftly and at your convenience. Automate: Set it and forget it. The Link Banking app takes care of the users’ recurring bills so that they focus on more important things. Users can plan ahead and schedule major transactions such as money transfers, saving towards goals and investment trades weeks in advance.
1.0 Introduction
Specimen Guidelines | Link Banking | 2016
2.
2.0
The Logo Design The app logo is an important and valued graphic element and must be used consistently and appropriately any minor variations will undermine and compromise the image of the branding.
2.0 The Logo Design
Specimen Guidelines | Link Banking | 2016
3.
Primary Logos - in colour
Logo Clear Space Logo Min Size: 2cm Always use master artwork when reproducing any logo design. It should never be recreated under any circumstances. The minimum requried clear space is defined by the measurement ‘K’ (equal to the height of the K from the word ‘LINK’).
Logo Clear Space Logo Min Size: 1cm
Logo Colour Palette
C M Y K 03 92 87 00 Pantone 179 C HEX# E73B34
2.0 The Logo Design
Specimen Guidelines | Link Banking | 2016
4.
3.0
App Icons Created to be simple and streamlined. Each icon was designed with a minimalistic approach which together gave the app a soďŹ sticated but user friendly look. When designing the icons ‘simplicty’, it must be taken into account that these icons were created with the idea to get rid of unecessary information and replace this with easy to understand icons - making use of space within the app screen so that users are able to navigate from one page to another seamlessly.
3.0 The App Icons
Specimen Guidelines | Link Banking | 2016
5.
Icon Proportions The Link banking icons areprecisely proportioned. The size and position relationship between the symbol and the circle must always remain intact consistency throughout the banking app, it is essential that the icons are never altered in any way.
Icon Colour Palette
Icon minimum size
x =50mm
x =100mm
Icon maximum size
x =100mm 3.0 The App Icons
x =50mm Specimen Guidelines | Link Banking | 2016
6.
App Icons - Monotone The Link Banking Icons only appear in the monotone format when they are agaisnt dark backgrounds.
Icon Colour Palette
Account
Locate Us
Service Alert
3.0 The App Icons
Password
Home
Settings
Contact Us
Help
Alerts & NotiďŹ cations
Transfers
Pay An Account
Pay A Contact
Add A Bank
Calender
GBP
Write to Us
Currency Convertor
Back
Continue
Log Out
Specimen Guidelines | Link Banking | 2016
7.
App Icons - Colour Palette The Link Banking Icons appear in the below colour palette. No other colours are permitted.
Account
Password
Home
Settings
Contact Us
Help
Alerts & NotiďŹ cations
Locate Us
Transfers
Pay An Account
Pay A Contact
Add A Bank
Calender
GBP
Service Alert
Write to Us
Currency Convertor
Back
Continue
C M Y K 100 97 37 44 Pantone 2766 C HEX# 181846
C M Y K 100 92 23 09 Pantone 2757 C HEX# 263878
C M Y K 69 35 00 00 Pantone 279 C HEX# 4891DC
C M Y K 54 00 10 00 Pantone 305 C HEX# 66CBE2
3.0 The App Icons
Log Out
Specimen Guidelines | Link Banking | 2016
8.
Typography The typeface used on screen is from the Myriad Pro family. Two different weights have been used. and should appear as shown below:
Myriad Pro - Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890,.‘’:/£ Myriad Pro - Bold Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890,.‘’:/£
3.0 App Icons
Specimen Guidelines | Link Banking | 2016
9.
Icon Incorrect Usage To maintain consistency throughout the banking app, it is essential that the icons are never altered in any way. Below are a few examples of what is not acceptable. It is important that the icons are always reproduced from the master artwork.
3.0 App Icons
Do not apply a gradient to the icon.
Do not invert the speciďŹ ed icon colours.
Do not change the stroke of the icons.
Do not use multiple colours.
Do not change the angles of the icon.
Do not add any pattern to the icon.
Do not change the style of stroke used.
Do not use the icon at a perspective.
Do not stylize the icon.
Do not place a shadow on the icon.
Specimen Guidelines | Link Banking | 2016
10.
4.0
Usage Graphical representations of the graphical user interface on an Iphone app.
4.0 Usage
Specimen Guidelines | Link Banking | 2016
11
LOGIN
Foreign Exchange
Write to Us
Account
Make A Transfer
Jon Doe
£ 1374.00 Savings A/C 09800875
Call Us
Help
Alerts & Notifications
Locate Us
Add Account Welcome Jon Doe Last login 16 Apr 2015, 10:15am Settings
Log In Screen
4.0 Usage
Logout
Menu Screen
Home Screen
Account Screen
Specimen Guidelines | Link Banking | 2016
12.
S
Link Banking Pay A Contact
Make A Transfer Pay A Contact
From: Savings A/C 09800875
now
Daily Summary: 3 Incomes
M
T
W
T
F
S
27 January 2128
29
30
1
2
6
7
8
9
26
Thursday
6
Slide to view
3
4
10
11
5
1
Direct Debit Transfer
£ 1374.00
12 13 Mobile) 14 £55.00 (EE
15
5
16
Available: £1200.00
3
2 4
To:
17
18
19
20
21
22
23
Please select 24
25
26
27
28
29
30
31
1
2
3
4
5
6
Amount
Search Postcode
Payment Reference
Make A Transfer
4.0 Usage
Alerts & Notifications
Reminders
Locate Us
Specimen Guidelines | Link Banking | 2016
13.
Contact Designed By: E-mail:
Akshay Shah akshay.shah@student.anglia.ac.uk