Brand book

Style Guide

OUR LOGO 1.0
Color Guide 2.0
TYPOGRAPHY 3.0
CONTENTS
TAGLINE 4.0
BAHL GRID 5.0
BRAND ASSETS 6.0
STATIONARY 8.0

1.0 Logo Overview
Our Logo
This section highlights the correct logo usage.
The Bank AL Habib logo stands for our heritage,
legacy and values. Our customers perceive our
logo as an icon of trust. People instantly identify
this unique crest as a hallmark of AL Habib family.
1

1.1 Logo Suite
The Bank AL Habib logo consists of Bismillah
written in a golden Arabic script over a green
pentagon.
The pentagon features a sword, a lion and five
stars in a vertical sequence. The company name
“Bank AL Habib” is written in gold within a ribbon
underneath the pentagon.
These elements must always be used together.
The combination of these elements makes this
logo recognizable.
2

B
B
1.2 Logo Usage
When using the Bank AL Habib logo, make sure you
do not crowd the logo with text, images or other
visual elements.
B
Use this reference to determine the proper padding.
The perimeter surrounding the logo is labeled with
a ‘B’ from the logo. When the logo is required to be
as large as possible within a required format, a minimum
clear space around the logo should always be
observed.
In order to give the logo proper breathing room,
nothing should occupy the padding area.
B
3

1.3 Alternative Logo
Line art logo can be used on flat backgrounds depanding on
background color. When using the line art logo, make sure you
do not crowd the logo with a heavy visual. The logo can be
placed on images and on solid colour backgrounds. Logo
needs to be highlighted on any image the logo has been
placed on.
The 3D logo of Bank AL Habib will not be utilized on any
marketing collateral.
03a550
c9a52d
4

1.4 Do’s and dont’s
01. Space around the logo
Always leave some breathing space around the
logo.
01 02
02. Background Colors
Do not place the logo on bright colours. Use white
or neutral backgrounds.
03. Background Image
Do not use the logo on backgrounds that are too
cluttered.
YES
NO
03 04
04. Logo Orientation
Do not rotate the logo.
NO
NO
5

1.5 Usage of Logo with Bismillah
The corporate identity of Bank AL Habib is
symbolized by the iconic logo of the Bank.
The logo will be utilized with Bismillah for all
electronic, digital and out of home assets, ie.
Wall Mounts, Fascia etc.
The sanctity of the Bismillah emblem will be
considered before using the logo anywhere.
6

1.6 Usage of Logo without Bismillah
We will not use Bismillah anywhere, where we
expect the emblem to be embosed on a disposable
marketing collateral ie. Flyers, Newspaper
Print Ads, Public Notices and
Posters.
7

2.0 Color Guide
Brand Colors
This section details our brand color palette
and best practices of color usage in layouts.
8

2.1 Primary Colors
We have five colors in our brand palette, which are
reflected in our logo.
Bank AL Habib colour palette is led primarly by the
colour green and supported by different shades of
Green and Orange.
#15804F
#00A25A
#67D781
#98C7B2
#FBB040
9

2.2 Secondary Colors
White and black are used prominently as secondary
colors. They are to be used as an accent colour, and
not as a replacement of the primary colours.
#000000
#333333
#D1D1D1
#DDDDDD
#F8F8F8
10

2.3 Color Codes
TINT
HEX RGB CMYK
TINT
HEX RGB CMYK
#15804F
R: 21
G: 128
B: 79
C: 84
M: 0
Y: 38
K: 50
#000000
R: 0
G: 0
B: 0
C: 0
M: 0
Y: 0
K: 100
Primary Colors
#00A25A
#67D781
#98C7B2
R: 0
G: 162
B: 90
R: 103
G: 215
B: 129
R: 152
G: 199
B: 178
C: 100
M: 0
Y: 44
K: 36
C: 52
M: 0
Y: 40
K: 16
C: 24
M: 0
Y: 11
K: 22
Secondary Colors
#333333
#D1D1D1
#DDDDDD
R: 51
G: 51
B: 51
R: 209
G: 209
B: 209
R: 221
G: 221
B: 221
C: 0
M: 0
Y: 0
K: 80
C: 0
M: 0
Y: 0
K: 18
C: 0
M: 0
Y: 0
K: 13
#FBB040
R: 251
G: 176
B: 64
C: 0
M: 32
Y: 75
K: 2
#F8F8F8
R: 248
G: 248
B: 248
C: 0
M: 0
Y: 0
K: 3
11

3.0 Typography
Fonts
This section details different font styles that can
be used in the communication.
12

3.1 Primary Typeface
The font is an important tool for communicating information
and is a distinctive part of our brand identity.
The primary Bank AL Habib font is Gilroy and it is used in all
applications where possible.
Gilroy
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890.<?/\”:’;`!@#$%^&*()
13

3.1 Primary Typeface
Gilroy Heavy Italic
Gilroy Heavy
Gilroy Black Italic
Gilroy Black
Gilroy ExtraBold Italic
Gilroy ExtraBold
Gilroy Bold Italic
Gilroy Bold
Gilroy Semi Bold Italic
Gilroy Semi Bold
Gilroy Medium Italic
Gilroy Medium
Gilroy Regular Italic
Gilroy Regular
Gilroy Light Italic
Gilroy Light
Gilroy Thin Italic
Gilroy Thin
Gilroy Ultra Light Italic
Gilroy Ultra Light
Heading
Large-scale copy
Heavy, Black and Bold and ExtraBold are
generally reserved for prominent copy.
No usage of Italic font style
Medium, Regular, Light and Thin should only
be used for callouts or large scale text
No usage of Italic font style
14

3.2 Secondary Typeface
The secondary Bank AL Habib font is Helvetica it is mostly
used in print communication paired with the primary font.
Helvetica
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890.<?/\”:’;`!@#$%^&*()
15

3.3 Urdu Font
Urdu font Jameel Noori Nastaliq is used on all the digital
platforms.
Jameel Noori Nastaliq Urdu
()
ئ
ى ہ پ ل ك ج ھ گ ف د س ا م
ن ب ط چ ش ز ق و ع ر ت ے 16

3.4 Font used in logo
Times New Roman font is only used to write bank name
and tagline in regular font style.
Times New Roman
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890.<?/\”:’;`!@#$%^&*()
17

4.0 Tagline
Tagline
This section details tagline principles and
treatments.
Our customers encounter our brand in their
everyday lives. That’s why, a consistent visual
identity is maintained across the board in all
our media communications.
18

4.1 Tagline in Urdu
Our corporate tagline “ Rishta Bharosay Ka ”
appears in Urdu consistently in all our communication
to make it recognizable.
It can be used with grid or can be placed on solid
color background.
03 04
Rishta Bharosay Ka
NO
NO
01
02
05
YES
YES
YES
20

5.0 BAHL Grid
Grid
This section details the correct usage of BAHL
grid. It is used to create greater brand recall
and establish consistency across all marketing
collateral.
21

5.1 Grid Layout
Our primary grid appears on top or bottom of all our marketing
collateral . The company name Bank AL Habib
placed on the left while the urdu tagline placed on the
right horizontally aligned to the bank name.
Bank Name: Bank AL Habib Limited
Typeface: Times New Roman (regular)
Tagline in Urdu
Our secondary grid is a style element utilised on out of
home marketing collateral.
#FBB040
#00A25A
22

6.0 Conventional
Brand Assets
23

6.1 Images
We use different images that relate to
our different target audiences.
We recommend using images that are
natural, showing positive emotional
benefits and supporting the key
personality traits of the brand.
The images featuring activities should
be focused on the product or service.
24

6.2 Voice and Tone
Our tone, voice and style are distinctive elements of our
communication with customers. Our language enables us
to relate to our audience in a simple, direct way, while
motivating and inspiring them.
Use positive, friendly, everyday language. Be brief, clear
and straight forward. Visuals and text should be in harmony,
so the message is conveyed in an engaging way.
25

6.3 Branch Fascia (Outdoor Signage)
Our outdoor advertising carries a distinctive style
that is eye-catching and impossible to miss.
Bahadurabad Branch
Bahadurabad Branch
26

6.4 Newspaper - Product Ad
Advertisement Specifications
15cm x 8 columns
27cm x 4 columns
20cm x 3 columns
27

6.5 Newspaper - Announcement
Advertisement Specifications
2 cm x 13 cm
Bank AL Habib Limited
GENERAL NOTICE
SHIFTING OF ISLAMIC BANKING
GULSHAN-E-IQBAL BRANCH
Bank AL Habib Islamic Branch Shop No.
3, Plot No. B-25, Block 13/A, Osif Center,
Ground Floor, KDA Scheme No. 24,
Gulshan-e-Iqbal, is shifting to following
address effective November 11, 2019.
Plot No. B-27, Noor Trade Center, Shop No. 02,
Block 13/A, Main University Road,
Gulshan-e-Iqbal, Karachi.
Direct: (021) 34822699
PABX: (021) 34822692,93,94
Fax: (021) 34822695
For any assistance please call (021) 111-014-014
(021) 34822695
(021) 34822699
اے ا 34822692,93,94 (021)
28

6.6 Co- Branding Standee
In co-branded communication, we need to
respect our partner brand while ensuring that
our corporate brand is being communicated
appropriately. The arrangement of logos should
be such that the logo of our partner is placed
below the Bank AL Habib logo and proportioned
accordingly.
The preferred placement of the Bank AL Habib
logo is on the top centre position if available.
Specifications
24 in x 60 in
29

6.7 Magazine Ad
Advertisement Specifications
A4 Size
30

6.8 Flyer
Our Flyers are used to inform customers about
different products.
If a visual requires any sort of human element,
avoid using faces of human. It is important to use
product logo on bottom left and Bank AL Habib
Limited grid on top.
Flyer Specifications
8.4 in x 3.8 in
31

7.0 Digital
Brand Assets
32

7.1 Website
The website should be designed with a
standardized look and feel.
33

7.2 Website Icons
When using illustrations or vector graphics for
Bank AL Habib website, the colour scheme
needs to be in according to the brand colours.
Dual colour icons will be placed over a white
background only.
Facilities offered
for SMEs
Frequently Asked
Questions
Apna Current
Account
Apply for
a Job
Schedule of
Charges
34

7.3 Campaign Banners
The website campaign banners should be
designed with the Bank AL Habib official
grid.
Campaign Banner Specification
980 px x 332 px
35

7.4 Social Media Generic Template
Generic Template
BAHL logo should be placed on left corner.
The grid should be white with green and
orange strips.
Bank AL Habib should be written in New
Times Roman font and it will feature BAHL
tagline in Urdu.
Contact details and website is mandatory
on all generic template.
Template Specifications
Depends on social media platform.
35

7.5 Social Media Alliance Template
Alliance Template
BAHL logo should be placed on top left,
depending on the imagery of alliance,
oultined logo or filled logo can be used.
Alliance logo should be place on the Top
Right.
Discount figure should be highlighted and
all the BAHL debit cards should be visible
in this template.
The green grid placed at the bottom,
BAHL should be written in New Times
Roman and our tagline should be in Urdu.
Contact details and website is mandatory
on all alliance visuals.
Template Specifications
Depends on social media platform.
36

8.0 Print
Stationary
37

8.1 Letterhead and Envelope
Letterhead Specifications
A4
BAHL
(021) 111-014-014
www.bankalhabib.com
Mackinnons Building, I.I. Chundrigar
Road, Karachi
/BAHLOfficial
38

39

8.2 Visiting Card
Visiting Card Specifications
3.5 in x 2 in
Zafar Zaidi
Head of Brand, Digital & Media
Marketing Unit
(92-21) 37135226 Ext 5270
(92-21) 37135270
0300-8234765
zafar.zaidi@bankalhabib.com
www.bankalhabib.com
/BAHLOfficial
Bank AL Habib Limited
Marketing & Developing Division
14th Floor, Centre Point, Off Shaheed-e-Millat
Expressway, Near KPT Interchange Flyover, Karachi
40

41

8.3 Mug
Mug Specifications
Black or White
42