Are you building a career in the REAL ESTATE INDUSTRY? This is a lucrative field, but at the same time, there is a lot of competition. JAVIER™ can help you to stand out from the crowd by creating a professional brand identity which includes a professional logo design plus a solid brand identity and website to communicate your message to the right audience and increase your profit
1. Noe Realtor
Premium brand identity package
Custom logo design plus a solid brand identity and website
to communicate your brand message.
Designed by JAVIER™
2. Brand conceptualization
Concept
After reading the information provided
through the questionnaire, the idea is
to create a modern concept to capture
the attention of first-time buyers, a
young generation, but at the same
time it should be appealing to an older
generation of sellers such as baby
boomers. As it was mentioned in the
questionnaire, more than promoting a
company the idea is to create a personal
brand with the intentions on moving
later or create your own brokerage later
on without the need to start all over
again, that is why using your first name
is the best option to create an identity
which should be positioned throught a
solid brand identity and marketing.
Shape
My idea was to combine the brand’s
name NOE a unique symbol, the idea
is to avoid a detailed graphic, at the
same time it should be positioned in
the real estate industry, after some
brainstorming and sketching I found the
perfect solution which was to extend
the right side of the N consonant and
represent a roof.
Typography
This was one of the most complex parts
of the design process, finding the right
typography wasn’t possible to achieve
my goal, that is why I’ve decided to
design it from scratch, the name NOE
is perfect, short, simple and easy to
remember, but when combining it with
the tag line INTEGRITY MATTERS, it looks
too tight, that is why I have increased
the space between letters, which help
us to achieve an elegant and balanced
concept.
Color
The color was selected based on the
keywords described in the questionnaire
which are: integrity, expert, trust,
efficiency and technology.
In the next page you will find some
examples that will give you an idea
of how to use your brand in different
formats.
2
4. 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 “N” logo symbol on each side
of the logo.
Logo safe area
Don’t write content or place
images in this area
Content area
Any text or image should be
placed in this area
4
5. Logo color versions
Principal logotype
The official logo must be included on all external and internal
marketing collateral, including print pieces, online ads,
multimedia production and other media. This will help to
establish the brand identity and clearly link any related service.
Secundary Mark
The secundary mark must be used on all applications were the
space is limited or too small to use the Official logo, such as
favicons, apps, etc.
5
8. Color palette
Color #1
#660033 Color Hex
______________________
RGB value is
102, 0, 51
______________________
CMYK process color
value is
0, 100, 50, 60
Primary brand colors
Primary colors should always play an important role.
Whether it’s highlighting the message or the most
used color in a layout, these colors could be applied
in various ways. Always use both colors 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 colors become too limiting.
Color #2
#c7ab5f Color Hex
______________________
RGB value is
198, 170, 94
______________________
CMYK process color
value is
0, 14, 53, 22
Color #3
#454343 Color Hex
______________________
RGB value is
0, 0, 0
______________________
CMYK process color
value is
0, 0, 0, 100
Color #6
#fefefe Color Hex
______________________
RGB value is
254, 254, 254
______________________
CMYK process color
value is
99.6, 99.6, 99.6
Color #4
#c4c3c3 Color Hex
______________________
RGB value is
196, 195, 195
______________________
CMYK process color
value is
0, 1, 1, 23
Color #5
#ebeaea Color Hex
______________________
RGB value is
235, 234, 234
______________________
CMYK process color
value is
0, 0, 0, 8
8
9. Incorrect usage
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.
Correct usage
The Principal logo and secundary mark must be applied using the
primary logo or over white background if required.
9
10. 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
Open Sans Extrabold
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
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.
Paragraph style
Font: Open Sans
Font size from 9 to 13 ponts
Leading from 13 to 15 points
Color Black 80%
Titles Style
Font: Open Sans
Aligmed to the left
Font Size from 25 to 30 points
Leading from 30 to 35 points
Color Black 100%
10
11. 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 #3 on titles
and color #4 on the paragraphs
Use color #6 in titles and paragraphs When using the
primary color as a background.
Use color #6 in titles and paragraphs when using the
secundary color #3 as a background.
11
12. 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 #2 as a background for
text
Never use the secondary color #2 over titles or
paragraphs.
When using the secondary color.
Title: White color 100%
Body: White color 100%
12
24. This Premium Brand Identity has been designed by JAVIER to help those developing
creative content for NOE REALTOR to maintain the brand identity continuity and
provide a consistent way to effectively communicate the brand messages.
Downloads
Pleasesavethispresentationanddownloadthefileslistedbelowforfutureusage.
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
• Versions for social media profiles, app icon and website favicon
Final logo files versions
• Color logo source files
• Black and white logo source files
Additionals
• Stationery files ready for print
• Letterhead template Microsoft Word and Pages for Mac
• Envelope Microsoft Word and Pages for Mac
• Website www.noerealtor.us
• Social media covers
• Color palette
• Transfer of copyrights and ownership for unlimited usage
24
25. | 323-813-1731 | Los Angeles
Premium brand identity package designed by