PF Brand guidelines - artbayt.com€¦ · CORPORATE GUIDELINE - VISUAL IDENTITY TYPOGRAPHY. Our...
Transcript of 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
CORPORATE GUIDELINE - VISUAL IDENTITY
///02
OUR LOGOS.
#1080c0HEX
CORPORATE GUIDELINE - VISUAL IDENTITY
///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
CORPORATE GUIDELINE - VISUAL IDENTITY
///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
CORPORATE GUIDELINE - VISUAL IDENTITY
///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
CORPORATE GUIDELINE - VISUAL IDENTITY
///06
COLOR REPRODUCTION.WHITE BACKGROUND
WHITE BACKGROUND - GRAYSCALE
GRAY BACKGROUND (REVERSE)
GRAY BACKGROUND (REVERSE) - GRAYSCALE
CORPORATE GUIDELINE - VISUAL IDENTITY
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
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
�
CORPORATE GUIDELINE - VISUAL IDENTITY
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
The quick brown fox jumps over the lazy dog.0123456789
The quick brown fox jumps over the lazy dog.0123456789
The quick brown fox jumps over the lazy dog.0123456789
RALEWAY REGULAR
Headline and Subheads.
Headline and Subheads.
RALEWAY BOLD
RALEWAY EXTRA BOLD
Body copyThe quick brown fox jumps over the lazy dog.0123456789
The 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
CORPORATE GUIDELINE - VISUAL IDENTITY
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
Headline and Subheads.
Body copy
أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي 1234567890
DIGITAL TYPEFACE (WEB & DESKTOP) - ARABIC
ARIAL BOLDHeadline and Subheads.
أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي 1234567890
ARIALBody copy.
CORPORATE GUIDELINE - VISUAL IDENTITY
///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
CORPORATE GUIDELINE - VISUAL IDENTITY
///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
�
CORPORATE GUIDELINE - VISUAL IDENTITY
///12
ICONOGRAPHY.PLAIN STYLE - FONTAWESOME FONTOUTLINE STYLE - CUSTOM FONT
CORPORATE GUIDELINE - VISUAL IDENTITY
///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,...)�
CORPORATE GUIDELINE - VISUAL IDENTITY
///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
CORPORATE GUIDELINE - VISUAL IDENTITY
///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
CORPORATE GUIDELINE - VISUAL IDENTITY
///15
STATIONERIES.