Brand identity design Professional logo design + Branding guidelines + Stationery Designed by JAVIER
Logo conceptualization Concept Shape Typography Color After reading the information provided After some brainstorming and sketching I The typography selected is a sans serif font, Since one of the clien ts requirements was to through the questionnaire, the goal was to found the perfect solution which was to modify which is clear and simple, an due to the design a warm logo, the perfect color is an create a modern and friendly logo to represent the first A, this is a custom element designed simple forms it s the perfect combination for orange color Primavera Homes LLC. as a company were to position the brand in the real estate industry, the central element which at the sam time is clients will have a warm experience, like if it instead of designing an additional element representing the A vocal. was spring all year round. Additionally to that the symbol was incorporated directly inside the logo should be colorful, eye-catching, easy the word, if you see it s bigger than the other to remember, and embracing. letters, but since this element is in the middle, the logo looks balanced and eye catching. 2
Logo construction 3
Logo color versions 4
Logo BW versions 5
Clear space To make sure the logo is always clearly recognizable it must be seen separate from any other visual elements such as pictures, graphics, text, headlines, etc., as well as the edge of a page or the edge of a photograph or illustration. The minimum space required must be equal to the height of the F logo symbol on each side of the logo. Logo safe area Don t write content or place images in this area, at least this is a background Content area Any text or image should be placed in this area 6
Color palette Primary brand colors Primary color should always play an important role. Whether it s highlighting the message or the most used color in a layout, always use this color for every audience and on all brand materials. Secundary brand colors You may use the secondary colors as background colors or highlight moments on a page. Pick and choose which colors work best for your layout. You do not need to use every secondary color on a spread. At times you may choose to not use any secondary colors. They are only to help with visibility on a page when primary color becomes too limiting. Color #1 Color #2 Color #3 Color #4 Color #5 Color #6 #ff6633 Color Hex #000000 Color Hex #454343 Color Hex #c4c3c3 Color Hex #ebeaea Color Hex #fefefe Color Hex RGB value is RGB value is RGB value is RGB value is RGB value is RGB value is 255, 102, 51 0, 0, 0 69, 67, 67 196, 195, 195 235, 234, 234 254, 254, 254 CMYK process color CMYK process color CMYK process color CMYK process color CMYK process color CMYK process color value is value is value is value is value is value is 0.00, 0.75, 0.85, 0.00 0, 0, 0, 0 0, 0, 0, 100 0, 1, 1, 23 0, 0, 0, 8 99.6, 99.6, 99.6 7
Correct usage Incorrect usage The Principal logo and secundary mark must be applied using the primary logo or over white background if required. The principal logo or secundary mark cannot be applied using a different color combination, never invert the color combination or include one of the secundary colors. 8
Typography font family Typography paragraph metrics Open Sans Regular 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 n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 Open Sans Bold 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 n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 Open Sans Italic 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 n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 Titles Style Font: Cormorant Garamond Aligmed to the left Font Size from 25 to 30 points Leading from 30 to 35 points Color Black 100% Paragraph style Font: Cormorant Garamond Font size from 9 to 13 ponts Leading from 13 to 15 points Color Black 80% DONEC NON TORTOR IN ARCU MOLLIS FEUGIAT Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna. Morbi a est quis orci consequat. 9
Correct typography usage DONEC NON TORTOR IN ARCU MOLLIS FEUGIAT Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper. DONEC NON TORTOR IN ARCU MOLLIS FEUGIAT Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper. DONEC NON TORTOR IN ARCU MOLLIS FEUGIAT Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper. When using white background apply color #2 on titles and color #3 on the paragraphs When using orange background apply white on titles and paragraphs Use color #6 in titles and paragraphs when using black background 10
Incorrect typography usage DONEC NON TORTOR IN ARCU MOLLIS FEUGIAT Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper. DONEC NON TORTOR IN ARCU MOLLIS FEUGIAT Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper. DONEC NON TORTOR IN ARCU MOLLIS FEUGIAT Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper. Never use the primary color in titles and paragraphs Never use black typography over the primary color Never use the primary color on typography when using one of the secondary colors as background 11
Imaginery These are the parameter when using images and pictures, this basic rulers should be mainteinied across any print or digital artwork, including marketing material, social media and website Use full color logo when there is a white spot over the picture When there isn t a clear spot or white area, the logo should have the primary color as background Never use full color logo if there isn t a white spot to apply it 12
Online applications and icons 13
Primavera Homes Stationery elements 14
Business Card 15
Letterhead 16
Envelope 17
Notepad 18
Primavera Homes Brand identity including: Professional logo design + Branding guidelines + Stationery This brand Identity has been designed by JAVIER to help those developing creative content for PRIMAVERA HOMES to maintain the brand identity continuity and provide a consistent way to effectively communicate the brand messages. Downloads Please save this presentation and download the files listed below for future usage. Black and white logo Logo files for web and print EPS scaleable, vector files for printing PDF vector file for printing JPG logo file with a white background for web PNG with no background for web Icon for social media profiles Favicon for website Stationery Double sided business card Letterhead for print and digital usage (Microsoft Word) Envelope for print and digital usage (Microsoft Word) Additionals Color palette Transfer of copyrights and ownership for unlimited usage Logo versions Full color logo (main version) Designed by www.javier.la 26