PF Brand guidelines - artbayt.com€¦ · CORPORATE GUIDELINE - VISUAL IDENTITY TYPOGRAPHY. Our...

SYMBOL NAME COUNTRY

LOGO

CORPORATE GUIDELINE - VISUAL IDENTITY

ORIGINAL STRUCTURE

VARIANTS PER COUNTRY

///01

OUR LOGO.We use the same version in all print & digital formats (print digital/offset, web, screen applications, collaterals,...).Easy to read in all sizes. No drop shadows, no glossy reflections, only in flat design.

The logo always consists of three elements: symbol, name and country.

Our Brand covers 7 countries.

United Arab Emirates

Qatar

Egypt

Lebanon

Bahrain

Morocco

Saudi Arabia


///02

OUR LOGOS.

#1080c0HEX


///03

OUR COLORS.Red, gray and white form our primary colour palette, with red being at the heart of the brand. It’s used to express our optimism and confidence.

All local advertising should use the logo on white background.Logo on dark background is reserved for some ads to Propertyfinder Group or to communicate on local events only.

The secondary palette is used to differentiate the classes in a brochure (rent, buy, commercial) or for the call-to-actions/buttons/links (web).

The tertiary palette is used in various environments and graphic elements, for advert B2C, social media, events and internal communication (without strong message).

PRIMARY COLOR PALETTE

SECONDARY COLOR PALETTE - PRINT

C 0 / M 100 / Y 80 / K 0185 C#E20031

CMYKPANTONE

HEX

R 226 / G 0 / B 49RGB

PF Red

SECONDARY COLOR PALETTE - WEB

C 0 / M 0 / Y 0 / K 0WHITE#FFFFFF

CMYKPANTONE

HEX

R 255 / G 255 / B 255RGB

PF White

Links

#973566HEXLinks visited

C 80 / M 15 / Y 25 / K 0

C 85 / M 0 / Y 100 / K 0

“Rent” color

“Comercial” color

TERTIARY COLOR PALETTE

#c80529 - #96041fButtons

#af0424 - #7d031aButtons hover

C 25 / M 0 / Y 0 / K 90426 C#2D383F

CMYKPANTONE

HEX

R 45 / G 56 / B 63RGB

PF Gray

50% 10%

C0 / M45 / Y100 / K0

Orange

C35 / M0 / Y100 / K0

Light Green

C85 / M0 / Y100 / K0

Dark Green

C80 / M15 / Y25 / K0

Turquoise

C100 / M50 / Y0 / K0

Blue

C30 / M100 / Y25 / K0

Violet


///04

CLEAR SPACE.The dimensions and placement of all layout elements are determined by calculations based on the variable are called “X” where “X” is the height of the propertyfinder logo.

No other graphic elements should be placed within the space defined by the dotted lines.

x

x x

x

x

PRINTA5 / A4 / A3 / Brochure / Flyer / Envelope / Booklet / Agenda / Calendar / etc.

For smaller sizes (business card, badges,...),the safe area can be reduced to 0.5x.

PRINT SAFE AREA

0.5x 0.5x

0.5x

0.5x

x

ONLINEWeb Page / Animation / Online Ads / BannersE-newsletter / Presentation / etc.

ONLINE SAFE AREA

H:16px

H:4mm

16px


///05

SIZINGS.To keep the propertyfinder logo clear, never use it below the minimum size.

Always maintain the logo’s aspect ratio when scaling.

MINIMUM SIZE - PRINT

MINIMUM SIZE - SCREEN

MINIMUM SIZE - SYMBOL


///06

COLOR REPRODUCTION.WHITE BACKGROUND

WHITE BACKGROUND - GRAYSCALE

GRAY BACKGROUND (REVERSE)

GRAY BACKGROUND (REVERSE) - GRAYSCALE


TYPOGRAPHY.Our brand typeface is Raleway.It should always be used in a print environment, for Headline, Subheads and Body copy.

Minimum font size is 7pt.In small size (until 16pt for light and regular, until 12pt for bold and extra bold), use 100% black color only.

Raleway medium, semi bold and heavy are not permitted for print use.

Raleway can be used in numeric tables, where aligning figures and decimal points are required.

Download Raleway font :http://www.fontsquirrel.com/fonts/raleway

PRIMARY TYPEFACE (PRINT) - LATIN

The quick brown fox jumps over the lazy dog. 0123456789

The quick brown fox jumps over the lazy dog.0123456789



RALEWAY LIGHT

RALEWAY REGULAR

RALEWAY BOLD

RALEWAY EXTRA BOLD

Illustrator CS6Windows / Type / Opentype / Figure | Proportional lining

Photoshop CS6Windows / Character panel / menu / Open Type | Stylistic Alternates

InDesign CS6Windows / Type & Tables / Character panel / menu / Open Type | Proportional lining

1 2 3 4 5 6 7 8 9 0�

� 1 2 3 4 5 6 7 8 9 0

Note : How to align the numbers with Raleway font

///07

�


TYPOGRAPHY.Our digital typeface is Raleway.It should always be used in a digital environment, for Headline and Subheads.

Minimum font size is 12px.Raleway light, medium, semi bold and heavy are not permitted for digital use.

Raleway is NEVER used for numeric characters in digital environment or if it’s used as a graphic element only.

Helvetica Neue should always be used in a digital environment, for Body copy and numeric characters.

Download Raleway font :http://www.fontsquirrel.com/fonts/raleway

Headline and Subheads.

DIGITAL TYPEFACE (WEB & DESKTOP) - LATIN




RALEWAY REGULAR



RALEWAY BOLD

RALEWAY EXTRA BOLD

Body copyThe quick brown fox jumps over the lazy dog.0123456789


HELVETICA NEUE REGULAR

Body copyHELVETICA NEUE BOLD

///08

�

أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي 1234567890

… h √ ¿ Ω ∫ ∑ ¥ ± Æ ´ ® • ¢V ¢U ¢T ¢S R Q P O ñ ì ê ç ä Ü CG

12345678910


TYPOGRAPHY.Our brand typeface in Arabic is

GE SS TWO for Headline and Subheads.Minimum font size is 10pt.

AXT MANAL for Body copy.Minimum font size is 13pt.

It should always be used in a print environment.

Our digital typeface in Arabic is Arial.It should always be used in a digital environment, for Headline, Subheads and Body copy.

Minimum font size is 10px.

PRIMARY TYPEFACE (PRINT) - ARABIC

GE SS TWO

AXT MANAL

///09


Body copy


DIGITAL TYPEFACE (WEB & DESKTOP) - ARABIC

ARIAL BOLDHeadline and Subheads.


ARIALBody copy.


///10

INTERACTIVE.BANNERS - MPU (300*250)

BANNERS - PANORAMA (DESKTOP : 980*120 - TABLET : 728*90 - MOBILE : 320*100)

BANNERS - HALF PAGE (250*600) SKYSCRAPER (160*600)

OR OR

0.75x

0.5x

0.5x

0.5x

0.5x

0.5x

0.5x

0.5x

x

x

x

x

x

x

x

x

x

x

x

x

x

0.5x


///11

INTERACTIVE.BUTTONS - CALL TO ACTION BUTTONS - WEBSITE

ORLorem ipsum

doloq sitLorem ipsum

doloq sit

0.4x

0.4x 0.4x

0.4x

xLorem ipsum

doloq sitLorem ipsum

doloq sit

0.4x

0.4x 0.4x

0.4x

x

ORLorem ipsumLorem ipsumx

x

x

xx

Lorem ipsumLorem ipsumx

x

x

xx

HyperlinkHyperlink visited

Share�

� �

ORLorem ipsumLorem ipsumx

x

x

xx

Lorem ipsumLorem ipsumx

x

x

xx

��

ACTIONShare, Print, Save,...

NAVIGATIONPrevious, Next, Back,...

HYPERLINK COLORS

Note : For all the icons, use only FontAwesome

Download it fro free :http://fontawesome.io/

ONE LINE BUTTONin html : Helvetica Neue,Lowercase only

�


///12

ICONOGRAPHY.PLAIN STYLE - FONTAWESOME FONTOUTLINE STYLE - CUSTOM FONT


///13

DON’TS.icon to another position� icon after the name� space between words�

name in 2 lines� distort the logo� change colors�

vertical 1� vertical 2� effects in logo (shadows, highlights, web2.0 style...)� Drop shadow, inner shadow,...�

use on a colorful background� OLD logo (different font, colors, effects,...)�


///14

ONLINE.

HEADERLogo + red line

1st PARTVisual, Title, primary message,

call to action

2nd PARTContent, detail, secondary message

3rd PARTcontact, 2nd call to action

FOOTERLogo Group, countries, red line

Mailchimp should be used for newsletter development, to be sure of the compatibility on each webmail, and for the responsive design.

The newsletter has 3 main parts:- HEADER (with logo)- MESSAGE (with visual, call to action,...)- FOOTER (with the Logo propertyfinder Group)

THE LEGAL NOTICES ARE :“View this email in your browser” (above the header)

BELOW THE FOOTER :“Copyright © 2014 Propertyfinder.ae FZ LLC, All rights reserved.You are receiving this email because you are part of propertyfinder.ae client database.”And this links :“unsubscribe from this list”“update subscription preferences”

These elements are automatically generated by Mailchimp.

NEWSLETTER

Incorporated as a Free Zone Company with Limited Liability pursuant to the Dubai Technology and Media Free Zone Private Companies Regulations 2003 issued under Law No. 1 of 2000 of the Emirate of Dubai (as amended).

propertyfinder FZ-LLC, Dubai Media City, Shatha Tower, 15th Floor, Office # 1505, P.O. Box 50954 Dubai, UAET. +971 4 454 8464 • F. +971 4 454 8463 • E. [email protected] • www.propertyfinder.ae

.(¬JÓjó©Jh) »HO IQÉeE’ 2000 áæ°ùd (1) ºbQ ¿ƒfÉb ÖLƒÃ QOÉ°üdGh 2003 ΩÓYE’Gh É«Lƒdƒæµà∏d Iô◊G »HO á≤£æe ‘ á°UÉÿG äÉcô°ûdG ¿ƒfÉ≤d É≤ah IOhó á«dhDƒ°ùe äGP IôM á≤£æe ácô°ûc â°ù°SCÉJ


///15

STATIONERIES.

Your NamePosition

T. +971 4 123 4567 - M. +971 50 123 4567F. +971 4 123 4567 - E. [email protected]

1234 Building Name, Area, PO Box 12345 City Name - Country

Your NamePosition

T. +971 4 123 4567 - M. +971 50 123 4567F. +971 4 123 4567 - E. [email protected]

1234 Building Name, Area, PO Box 12345 City Name - Country


///15

STATIONERIES.

Date post:	09-Aug-2020
Category:	Documents
Upload:	others
View:	6 times
Download:	0 times

PF Brand guidelines - artbayt.com€¦ · CORPORATE GUIDELINE - VISUAL IDENTITY TYPOGRAPHY. Our...

Documents