GUIDELINE
BRAND
Click 4 ebusiness | Corporate Brand Guidelines 1
Click4ebusiness A comprehensive manual for Click 4 ebusiness that will help you to save your brand values
Design and Visual Identity Guidelines Client: Click 4 ebusiness Done by: Mohammad Hammza Feb 2018
Click 4 ebusiness | Corporate Brand Guidelines 2
MIND MAP
PROFESSIONAL
CLEAR
DEVELOPMENT
COLORFUL
SIMPLE
COMMUNICATION
c and/or e PROFESSIONAL
Letters like c and e may be used
ATRACTIVE
SOCIAL MEDIA
FINANCIAL SERVICES
MODERN
DYNAMIC
MOBILE APPS
BRAND ANALYSIS
Brand Name: Click 4 ebusiness Values of Brand: Business, Finanical, Technology & web Services, Business Services.
COLOR PREFERANCE
LOGO TYPE
IDENTITY ELEMENTS
Blue, Red, Colorful
Corprate, symbols, Elegant Simple, Elegant, Legal
Prcatical Simple Elegant
Corpretive
Click 4 ebusiness | Corporate Brand Guidelines 3
THE LOGO MARK
1) THE LOGOTYPE The main logo is the dark logo used on white or colored backround. For darker backrounds you will find an alternative below.
Click 4 ebusiness
2) SOLOGAN The main logo is the dark logo used on white or colored backround. For darker backrounds you will find an alternative below.
3) TAG LINE The main logo is the dark logo used on white or colored backround. For darker backrounds you will find an alternative below.
All artwork, ideas, designs and trade names in this file are property of Click4ebusiness. Not to be shared or discussed with third party without written permission.
Click 4 ebusiness | Corporate Brand Guidelines 4
Click 4 ebusiness - The Logo Introduction - The Logo Application - The Logo Elements - Clearspace and computation - Incorrect Logo Applications
THE LOGOTYPE
1) GENERAL LOGO The main logo is the dark logo used on white or colored backround. For darker backrounds you will find an alternative below. 2) SINGLE LINE LOGO The main logo is the dark logo used on white or colored backround. For darker backrounds you will find an alternative below. 3) SINGLE LINE LOGO will be used when the backround color ist light colored.
Recommended formats are: .eps | .ai | .png | .jpg | .tiff
Click 4 ebusiness | Corporate Brand Guidelines 5
1
2
GENERAL LOGO
DARK GRAPHICAL LOGO
3 SINGLE LINE LOGO
Click 4 ebusiness | Corporate Brand Guidelines 6
LOGO CONSTRUCTION, CLEARSPACE AND COMPUTATION LOGO A
Colored Version
0.5 x 0.5 x
x
4x
4x
4x
4x
0.5 x Horisental Logo Colored Version
x 4x
4x
The Mark Colored on Dark Version
4x
5.5 x x
5.5 x
2x
4x
4x The Genral Logo Colored Version
The Genral Logo Black Version
Click 4 ebusiness | Corporate Brand Guidelines 7
APPLICATION ON A BACKGROUND LOGO C Mono Version
MINIMUM LOGO SIZES 20 mm
5 mm
30 mm
10 mm
Logo Symbol Minimum Size: 5 mm x 5 mm
40 mm
15 mm
Full Logo Minimum Size: 20mm x 3.33 mm
LOGO B
Colored Version
Definition Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.
Computation To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).
Click 4 ebusiness | Corporate Brand Guidelines 8
INCORRECT LOGO APPLICATIONS
Don’t change the
This is the perfect
size & relation of
size & relation of
logo symbol & type
logo symbol & type
Don’t add any effects
Don’t place the logo
like shadow, gradient
having insufficient
and more
DON’TS
level of contrast
1) Do not place the logo type on more than 2 lines Don’t compress
Don’t stretch the
the logo symbol
logo symbol and
and logo type
2) Do not invert the logo symbol
logo type
3) Do not alter the logo symbol 4) Do not alter the logo type style
Don’t place the logo over busy photographs
Don’t change the color of the logo
5) Do not change the size relationship between the logo symbol and logo type.
symbol & type
6) Never change the proportions of the logo vertically or horizontally or alter the appearance in any way
Click 4 ebusiness | Corporate Brand Guidelines 9
Don’t change the
This is the perfect
size & relation of
size & relation of
logo symbol & type
logo symbol & type
Don’t add any effects
Don’t place the logo
like shadow, gradient
having insufficient
and more
level of contrast
Don’t compress
Don’t stretch the
the logo symbol
logo symbol and
and logo type
Don’t place the logo over busy photographs
logo type
Don’t change the color of the logo symbol & type
Click 4 ebusiness | Corporate Brand Guidelines 10
Click 4 ebusiness - The Corporate Fonts - Primary Font - Secondary Font - Font Hierachy
Click 4 ebusiness | Corporate Brand Guidelines 11
THE CORPORATE FONTS AND TYPOGRAPHY Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces our personality and ensures clarity and harmony in all Design.Inc communications. We have selected Montserrat and Source Sans Pro, which helps inject energy and enthusiasm into the entire Design.Inc communications, as the primary and secondary corporate typefaces.
Bold
N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z Figures
PRIMARY FONT
A B C D E F G H I J K L M
Special Characters
0
2
3 4
5
6 7 8
9
0
! “ § $ % & / ( ) = ? ` ; : ¡
NEXA - BOLD
1
“
¶
¢
[
]
|
{
}
≠
¿
‘
« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊
Click 4 ebusiness brand have selected Nexa as our primary corporate font; which allows us for representing our messages from the enthusiastic to the practical understanding. Using the careful use of typography reinforce our brand personality to valued customers
Click 4 ebusiness | Corporate Brand Guidelines 12
SECONDARY FONT
Light
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m
NEXA - LIGHT
n o p q r s t u v w x y z Figures
Click 4 ebusiness brand have selected Nexa as our primary corporate font; which allows us for representing our messages from the enthusiastic to the practical understanding. Using the careful use of typography reinforce our brand personality to valued customers
Special Characters
0
1
2
3
4
5
6 7
8
9
0
! “ § $ % & / ( ) = ? ` ; : ¡
“
¶
¢
[
]
|
{
}
≠ ¿
‘
« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊
TYPOGRAPHY AND TEXT HIERARCHY
CONTEXT TEXT AND INNER HEADLINES
Caption Text
Nexa Light 6 pt Type / 9 pt Leading
Copy Text Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Design.Inc layouts.
Click 4 ebusiness
Click 4 ebusiness
Nexa Light 8 pt Type / 11 pt Leading Headlines Copytext
HEADLINES AND TYPOBREAKS
Sublines Sections
Big Headlines and Title
Click 4 ebusiness Nexa Light - Small Letters 10pt Type / 12pt Leading
CLICK 4 EBUSINESS
Nexa Bold - Capital Letters 16pt Type / 20pt Leading
CLICK 4 EBUSINESS
Nexa Bold - Capital Letters 34pt Type / 30 pt Leading Sequencer and Title for Marketing
CLICK 4 EBUSINESS
Nexa Bold - Capital Letters 42pt Type / 48 pt Leading
Click 4 ebusiness | Corporate Brand Guidelines 14
Click 4 ebusiness The Corporate Fonts Primary Font Secondary Font Font Hierachy
Click 4 ebusiness | Corporate Brand Guidelines 15
TYPOGRAPHY AND TEXT HIERARCHY A palette of primary colors has been developed; which will give a extraodinary look of the Click4ebusiness to represent the brand identity to our relevant media. Choose the core colors as the primary color in your layout. Click4ebusiness has two primary official colors: Yellow and Black. These colors have become a recognizable identifier for the company.
R: 46 G: 46 B: 135 Hex: 2E2E87 C: 100 M: 95 Y: 0 K: 0
R: 0 G: 159 B: 227
R: 231 G: 25 B: 132
Hex: 009FE3
Hex: E71984
C: 100 M: 0 Y: 0 K: 0
C: 0 M: 95 Y: 0 K: 0
Click 4 ebusiness | Corporate Brand Guidelines 16
Brand Stationery
Dear Client, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- Corporate Letterhead
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
- Business Card
deserunt mollit anim id est laborum.
- Envelope
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
- On Screen Pages
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Posters & Print Ads
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Yours Sincerely,
Ahmed Hafez
Executive manager
www.click4ebusiness.com info@click4ebusiness.com
(KSA) +966 504 69 9037 (EGY) +20 111 440 8140
New Maadi - Behind Carrefour Supermarket - Capital Plaza, Cairo, Egypt
Click 4 ebusiness | Corporate Brand Guidelines 17
CORPORATE LETTERHEAD
New Maadi - Behind Carrefour Supermarket - Capital Plaza, Cairo, Egypt
(KSA) +966 504 69 9037 (EGY) +20 111 440 8140
info@click4ebusiness.com
www.click4ebusiness.com
Click 4 ebusiness | Corporate Brand Guidelines 18
Brand Stationery - Corporate Letterhead - Business Card - Envelope
Ahmed Fathy Hafez CEO (KSA) +966 504 69 9037 (EGY) +20 111 440 8140 New Maadi - Behind Carrefour Supermarket - Capital Plaza, Cairo, Egypt
info@click4ebusiness.com
- On Screen Pages - Posters & Print Ads
www.click4ebusiness.com
BUSINESS CARD
Click 4 ebusiness | Corporate Brand Guidelines 19
New Maadi - Behind Carrefour Supermarket - Capital Plaza, Cairo, Egypt
New Maadi - Behind Carrefour Supermarket - Capital Plaza, Cairo, Egypt
(KSA) +966 504 69 9037 (EGY) +20 111 440 8140
ENVELOPES
(KSA) +966 504 69 9037 (EGY) +20 111 440 8140
info@click4ebusiness.com
www.click4ebusiness.com
www.click4ebusiness.com
info@click4ebusiness.com
Click 4 ebusiness | Corporate Brand Guidelines 20
INVOICE
Brand Stationery
INVOICE
Invoice No.
#23698720 To
Cleint Name
Invoice Date
: 30 2018
Job Title
Issue Date
: 24 April 2018
123 somewhere Street, Jeddah, KSA 50023
Payment Methot:
+966-123-456-7890 | info@companyname.com
Name of the Bank.
www.companyname.com
Account No.
: 45.821.54.89
SWIFT
: H54E5700DGv
- Corporate Letterhead - Business Card - Envelope - INVOICE - Posters & Print Ads
No.
Item Description
01.
This is item number one.
Unite Price
Qty
Total
$ 2000.00
2
$ 4000.00
$ 2000.00
2
$ 4000.00
$ 2000.00
2
$ 4000.00
$ 2000.00
2
$ 4000.00
Sub-Total
$ 15190.00
Aenean eu justo condimentum maximus
02.
This is item number two. Aenean eu justo condimentum maximus
03.
This is item number three. Aenean eu justo condimentum maximus
04.
This is item number four. Aenean eu justo condimentum maximus
Tax: Vat (15%)
$ 2278.00
Grand Total:
$ 18228.00
Online Payment Details: Paypal: payment@yourmail.com Card Payment: Visa and MasterCard
Terms & Conditions: If you are selling any services that are supplied through relationships with both casual visitors and paying customers. AHMED HAFEZ Manager
Thank You For Your Business !!
New Maadi - Behind Carrefour Supermarket - Capital Plaza, Cairo, Egypt
(KSA) +966 504 69 9037 (EGY) +20 111 440 8140
info@click4ebusiness.com
www.click4ebusiness.com
Click 4 ebusiness | Corporate Brand Guidelines 21
ENVELOPE
New Maadi - Behind Carrefour Supermarket - Capital Plaza, Cairo, Egypt
(KSA) +966 504 69 9037 (EGY) +20 111 440 8140
info@click4ebusiness.com
www.click4ebusiness.com
Click 4 ebusiness | Corporate Brand Guidelines 22
Brand Stationery - Corporate Letterhead - Business Card - Envelope - On Screen Pages - Posters & Print Ads
Click 4 ebusiness | Corporate Brand Guidelines 23
POSTERS
WEB
SERVICES
Click 4 ebusiness | Corporate Brand Guidelines 24
Brand Stationery - Corporate Letterhead - Business Card - Envelope - On Screen Pages - Posters & Print Ads
Click 4 ebusiness | Corporate Brand Guidelines 25
Click 4 ebusiness | Corporate Brand Guidelines 26
WEBSITE BANNER COCEPT
Click 4 ebusiness | Corporate Brand Guidelines 27
T-SHIRT CONCEPT
CONTACT Address -
click4ebusiness New Maadi - Behind Carrefour Supermarket Capital Plaza, Cairo, Egypt
(KSA) (EGY)
+966 504 69 9037 +20 111 440 8140
Visit us:
www.click4ebusiness.com
email us:
info@click4ebusiness.com
Scan to Download Total Contact Information