Homelisting brand guide by quyenpui

Homelisting

Logo & Brand Identity Guidelines

Homelisting Logo & Brand Identity Guidelines

Prepared 29/03/16

Homelisting

Logo & Brand Identity Guidelines

Homelisting

Logo & Brand Identity Guidelines

Contents 0.1 0.2 0.3 0.4 0.5 0.6 0.7

Logo Specifics Typeface Details Colour Specifications Logo Styles Logo size Logo misuse Graphic element

Homelisting

Logo & Brand Identity Guidelines

Homelisitng

Logo & Brand Identity Guidelines

Logo Clear Space Grey stripped area indicates Safe Zone. Other graphical and visual elements can be safely positioned up to the adjoining Blue area.

0.1 Logo Specifics ABCDEFGHIJKLM… abcdefghijklm… 1234567890…

y*2

Blue area indicates Clear Space. The blue area must be kept free of all other graphical and visual element.

The minimum required Clear Space is defined by the unit ‘y’ equal to the height of the uppercase letters, known as the ‘cap-height’.

y*2

x*3

y*3

Logo Construction Yellow (x) and Blue (y) indicates overall proportions for the logotype and logomark. The begin of the logotype meets the 30 degree intersect from top of the logomark, or end of logotype meets the 30 degree intersect from top of the logomark. y

Homelisting

Logo & Brand Identity Guidelines

Homelisitng

The Typeface

Logo & Brand Identity Guidelines

The typeface used for the logo is: UTM Aptima. And there are 3 styles: regular, italic, bold and bold italic. The typeface used in body text is: Sour san pro

0.2

Typeface Details

When to Use: UTM Aptima Bold is used for the logotype It can also be used as the standard when stronger emphasis is needed, such as in: stationery, website design, brochures and all forms of general correspondance.

UTM Atima (Bold)

ABCDEF abcd1234 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@£$%^&*()

When to Use: Sour san pro is used for the all other forms ò standard bodytext ranging fron: stationery, website design, brochures and all forms of general correspondance.

Sour San Pro (Reg)

ABCDEF

abcd1234 ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 1234567890!@£$%^&*()

Homelisting

0.3

Homelisitng

Logo & Brand Identity Guidelines

Colour Specifications

PROCESS SCREEN WEB

C 8 M 90 Y 78 K1 R 219 G 64 B64 HTML #db4040

PROCESS SCREEN WEB

C 64 M 55 Y 56 K31 R84 G 85 B 84 HTML #545454

In certain instances, such as on the Demand Media website, a vibrant color logo may not be appropri ate, and may potentially clash with other colors. In these instances, an all gray logo can be used. When using the logo on a white background, the logo type should always appear in gray, never in a vibrant color, and never in solid black.

When using the logo on a color background, both the symbol and logotype should appear white. The logotype should never appear in gray.

Logo & Brand Identity Guidelines

Homelisting

0.3

Homelisitng

Logo & Brand Identity Guidelines

Colour Specifications

PROCESS SCREEN WEB

C 8 M 90 Y 78 K1 R 219 G 64 B64 HTML #db4040

PROCESS SCREEN WEB

C 64 M 55 Y 56 K31 R84 G 85 B 84 HTML #545454

When using the logo on a color background, both the symbol and logotype should appear white. The logotype should never appear in gray.

Logo & Brand Identity Guidelines

Homelisting

Logo & Brand Identity Guidelines

Homelisitng

Primary Full Colour

0.4

Logo Styles Full Tone Greyscale The greyscale version can be used for higher quality, but still B/W print reproduction, where a finer halftone screen is used.

Solid Black The solid black version is only to be used for Fax, and some forms of black/white commercial printing applications, such as local newspapers etc, where course halftones screens are used.

Social Media There is version of the Social Media profile image. It is saved with Transparent backgrounds.

Logo & Brand Identity Guidelines

Homelisting

Logo & Brand Identity Guidelines

Homelisitng

Logo & Brand Identity Guidelines

GOOD THINGS COME IN SMALL SIZES MINIMUM LOGO SIZE

0.5

Logo Size

There are no predetermined sizes for the logo. Scale and proportion should be determined by the available space, aesthetics, function and visibility. There is no preset maximum size for the logo. In print the minimum size is 0.8”. For digital uses the minimum size for the standard logo is 100 pixels. 100 pixels is the smallest size apart from when using an ICO. There is a specific file for ICO’s which is a 16px tall file.

Logo

Symbol

Favicon (ICO file)

Minimum size 0.8” / 100px

Minimum size 0.375” / 30 px

16 px

Minimum size 0.8” / 100px

Homelisting

Logo & Brand Identity Guidelines

Homelisitng

Logo & Brand Identity Guidelines

BACKGROUND IMAGES Light-colored, uncluttered imagery

0.6

Logo Misuses

Dark-colored, uncluttered imagery

Our logo may also be used on an image background with sufficient contrast. Use an all-gray logo for use on light colored background, and an all-white version for dark backgrounds. When placing the logo onto imagery, please ensure that it is placed within an uncluttered image area to allow for maximum legibillity and visibility.

Do not use directly a color logo on a photographic image.

Use a color logo on a 50% white solid color line above photographic image.

Measurement of white solid line

Homelisitng

Logo & Brand Identity Guidelines

Kerr Recruitment

Logo & Brand Identity Guidelines

PLEASE DON’T...

To maintain the integrity of the logo, and to promote the onsistency of the brand, it is important to use the logo as described in these guidelines. There are examples shown here illustrate possible misuses of the Homelisting logo that should be avoided.

CONTENT FOR REAL LIFE DON’T create a logo lockup with text

DON’T rearrange the logo elements.

DON’T change the proportions between the symbol and logotype

DON’T stretch the logo

DON’T create a gradient logo

DON’T mix colors from the palette

DON’T outline the logo

DON’T add a drop shadow to the logo

DON’T add reflections or any other graphic filters to the logo

DON’T create a pattern with the logo

DON’T place the logo on a color

DON’T use gray or black on a color background

DON’T use the symbol as a holding shape for imagery or graphics

DON’T use over a busy image

DON’T use non-approved colors

0.7

Logo Misuses

Homelisitng

Logo & Brand Identity Guidelines

Homelisitng

Left aligned typography

GRAPHIC ELEMENT Our graphic identity is more than just our logo, typeface, and colors. An important part of our graphic look and feel are the use of link shape. The shape are derived from our logo, and signify connection.

The following pages explain how the graphic element should be used with typography, color, and photography.

Left aligned typography

Left aligned typography â&#x20AC;&#x201D; non angled

complete graphic logo symbol

Logo & Brand Identity Guidelines

Left aligned typography â&#x20AC;&#x201D; non angled

Homelisting

0.8

Logo & Brand Identity Guidelines

Stationary

Homelisitng

Logo & Brand Identity Guidelines

Homelisitng

Logo & Brand Identity Guidelines

BUSINESS COMMUNICATIONS — DIGITAL Email Signature

From: Subject: Date: Cc:

John Smith Brand Guidelines May 25, 2011 10:14AM GMT

Dear Sir, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare, urna varius faucibus ornare, ante metus eleifend dolor, ac porta nunc nisi elementum orci. Phasellus a ipsum eros. Donec mattis nunc et urna faucibus quis laoreet magna eleifend. Maecenas imperdiet faucibus tellus vel placerat. Nullam quis nisl eu leo faucibus accumsan. Best Regards,

–––––––––––––––––––––––––––––––––– Võ Mạnh Cường Giám Đốc –––––––––––––––––––––––––––––––––– Homelisting 117-119 Tầng lửng,toà nhà An Phú Plaza, Lý Chính Thắng,Phường 7,Quận 3,TPHCM www.homelisting.vn vocuong@homelisting.vn T. 0937.191.091 ––––––––––––––––––––––––––––––––––

Arial Regular and Bold 12px typesize 14px linespacing Color R 102 G 110 B 118

Horizontal lines: Repeated em-Dash (Option key plus –) Color R209 G211 B212 Horizontal lines should be at a length, depending on (longest line)

Prepared 29/03/16