Anthony Sciarrino
|
Three Blue
|
Brand Design 2020
2
Table of contents
OUR PURPOSE
5
OUR QUA LITIE S
11
HOW IT WORKS
12
USE R PE RSONA S
15
F INA L LOGO
19
TYPOGRA PHY
25
COLOR SYSTE M
29
STATIONA RY
32
SOCIA L M E DIA
37
3
About our brand Threeblue vows to take all of the stress off of the bride when it comes to celebrating the big day. We assist our clients throughout the entire planning process, making sureevery bride gets the wedding of her dreams. Our job is to help find companies and independent contractors near your desired location to ensure a successful day. We essentially cut out the middle man and allow our clients to be in direct contact with these vendors. Threeblue is also able to work with these companies and contractors to offer exclusive deals to our clients. Our website is an essential part of the wedding planning process and can be used as a tool to guide the happy couple.
4
Threeblue understands the stress that a bride goes
Our Purpose
through on her wedding day. Our brides are the
main focus, so it is our job to ensure their weddings run as smooth as possible. This is an exciting day
that should be enjoyed by both families. Threeblue is here to make sure your wedding is everything you have imagined.
5
Our Voice
e l b a n o s r e P
Helpful
Knowle dg
able
Profess ion
al
g n u o Y
Threeblue likes to have a personal connection
with our users, while also helping them the best we can.
6
Our Personality We are a new and very inclusive company. Our personality is very friendly and helpful. We are also very careful in our selection process when it comes to the independent contractors. This guarentees only the best options for our users.
7
Misson Statement To help users find the people that will work endlessly to make their wedding day everything they have ever wanted
8
Positioning Statement Threeblue is dedicated to our customers. We believe in functionality and ease of use for our users. We go above and beyond to ensure our customers have everything they desire for their big day.
9
Competiton Founded in 1996 as the first digital wedding-planning brand, The Knot continues to provide millions of couples getting married each year with a completely personalized planning
Message: 8/10 Quality: 6/10
experience—from inspiration to finding and booking vendors
Reviews: 3/5
to managing their guests’ experiences, creating registries and
Marketing: 4/10
more.
WeddingWire is the leading global marketplace connecting couples to all the local wedding professionals they need. Through industry-leading websites and apps, inspiration, planning tools and community, we make it easy for couples to plan their wedding and help them enjoy every part of the journey.
10
Message: 6/10 Quality: 7/10 Reviews: 4/5 Marketing: 6/10
With everybody that you need for your wedding
Our Qualities
being in one place, we are able to ease the
wedding process. Our unique matchmaking
system makes finding the right vendor painless. With direct messaging bewteen the user and the company we are able to cut out the middle man and avoid waisting time and communication errors.
11
12
How It Works
Book your prefered vendors and you are one step closer to planning your big day
13
Target Audience
- Vendors in the wedding business - People between the ages of 22 - 45 - Engaged couples and couples planning to get engaged.
14
About
Introvert
Struggles
Interests
Extrovert
Jenna Smith
Struggles Has trouble making new friends Has bad spending habits
About
Introvert
User Personas
Jackie Wilson
Interests
Extrovert
15
The original name idea was I Do Crew. After considering what this brand is at its core we decided on Threeblue. We are not the normal wedding
Sketches
aid. We are a new way to find
16
wedding vendors, our name could not be ordinary.
17
Digital Sketches
Tagline “Marriage Made Easy” encorporates everything we aim to do as a brand. We aim to take as much stress out of your wedding as possible.
Marriage Made Easy
18
19
Final Logo
Logo & usage Threeblue’s logo usage: Threeblue’s lettering, the tagline and the logo icon. These elements should never be changed. Position, size, and color, along with the spatial and proportional relationships of Threeblue’s logo elements, are predetermined and should not be altered.
Our primary colors are a combination of
Our unique color pallete allows
PANTONE P 106-8 C and PANTONE P 104-10 C .
the same colors to be used on darker backgrounds and images.
It is intended to be used on lighter backgrounds and images in order to maintain legibility.
20
Black & grayscale Sometimes, often due to production costs, only one color of ink is available and so the Logo must be reproduced using only one color. In this scenario, the logo must be used following the convention of using a light color type on a dark background or in a dark color type on a light background. The logotype and the symbol must be clearly distinguishable from the background color. You must honor the Threeblue’s Logo palette when possible, using black or white if necessary.
Combination of 90% and 70% Grey Tones Combination of 100% White and 20% Grey
21
Construction & clearspace Threeblue’s logo requires serperation from the other elements around it. The space required on all sides is roughly eqivalent to the letter width of the logo type.
1/2 x
It never should be less than that. The logo must always fit into the clearspace area and can not be intervened by other graphical elements which could hinder legibility of the brand. Please note that text or pictorial figures, which have strong impact or impression, should not be placed near the logo, even though you keep the isolation area blank.
1/2 x
22
Incorrect uses Please note: The logo cannot be changed! Although creativity is appreciated please do not alter the logo in anyway!
DON’T use any shadows
DON’T use non-approved colors
NEVER change the proportions
DON’T use outlines
23
Minimum sizes
Using the artwork Threeblue_ logo_firstchoice_CMYK.eps Logotype version - first choice
- second choice The Logo: 0.55in wide
There are no predeterminded sizes for the logo. Scale and proportion should be determined by the available space, function and visibility. In print the minimum size is Ø 25 mm, for the symbol it is width 12 mm
24
Colorspace File format - CMYK
- EPS
- RGB
- PNG
- grayscale
-JPG
- black
This page explains the file naming system for the artwork of the various versions of the logotype. The filename contains all key information to identify the appropriate logo version for each application. The logotype is supplied in EPS and PNG file formats. For printed documents use always the EPS files. PNG files should only be used for the web applications or if you are using Mircosoft Word or Powerpoint. Please make sure that the correct artwork for each application is used.
T H E P R I M A RY T Y P E FAC E 26 T H E S E C O N DA RY T Y P E FAC E 2 7 TYPOGRAPHY & HIERACHY 28
25
Typography is 95% of design – it’s a driving force in all forms of communication art.
03. Typography Typography
The primary typeface Adobe Casion Pro
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmnopqrstvwxyz 1234567890 !Ӥ$%&/()=?+*#
26
Aa
The secondary typeface L ATO
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !Ӥ$%&/()=?+*#
Aa 27
Typography & Hierachy RU L E S Heading 1 / Abode Caslon Pro, 30 pt bold
The quick brown fox Heading 2 / Adobe Caslon Pro, 22 pt bold
The quick brown fox Heading 3 / Adobe Caslon Pro, 18 pt bold
The quick brown fox
Heading 4 / Lato, 12 pt bold uppercase, spacing 100
T H E Q UI C K B ROW N FOX Heading 5 / Lato, 9 pt bold uppercase, spacing 200 THE QUICK BROWN FOX
Body Copy Lato (8 pt regular) The quick brown fox
28
Body Copy Adobe Caslon Pro (10 pt regular) The quick brown fox
Size is the simplest way to create contrast between different typographic elements in your design. With 5 levels of typography, the font size generally starts out largest on top (level one; your most important information) and decreases in size as you move down the page. Layout, for both print and screen, is one of the most important aspects of graphic design. This fonts should be used in all creative minds communications to project a consistent visual identity. This includes promotional materials, advertising, digital assets, and printed materials. The font Lato is available in 10 weights. We use 3 of them. The regular, italic and bold versions.
Our color system is made up of carefully selected colors that showcase what Threeblue stands for,
Color System
security and trust.
P R I M A RY CO LO R PA L E T T E
30
S ECO N DA RY CO LO R PA L E T T E
31
29
Primary Color Palette
The primary colors include Periwinkle Crayola and Spanish Blue, that embodies the creativity and dynamic of the company. The additional colors are gray and white to underline the seriousity of your business. Lighter tints of these colors are also allowed, but the Logotype + background may only be used with a 100% tint.
30
Periwinkle Crayola
Spanish Blue
COLOR CODES
COLOR CODES
CMYK - 17 / 13 / 0 / 10
CMYK - 100 / 40 / 0 / 27
RGB - 189 / 200 / 229
RGB - 0 / 111 / 186
HEX - #BDC8E5
HEX - #006FBA
Secondary Color Palette The seconday colors include Prussian Blue and Columbia Blue. These colors compliment the primary colors of Threeblue. Lighter tints of these colors are also allowed, but the Logotype + background may only be used with a 100% tint.
01
02
Prussian Blue
Columbia Blue
COLOR CODES
COLOR CODES
CMYK - 100 / 51 / 25 / 66
CMYK - 21 / 9 / 0 / 0
RGB - 0 / 43 / 87
RGB - 202 / 233 / 255
HEX - #002B57
HEX - #CAE9FF
03
31
The Letterhead Clean and simple, we designed our stationary to align with our visual system. The letterhead features the logo in the lefthand side of the top with the business contact information underneath. Parameter DIMENSIONS: 8.5 x 11 in
Threeblue 114 Northview Ct. Weirton WV, 26062
Dear Customer, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons on ectetuer adipiscing elit, sed diam nonummy ummy y
WEIGHT: 100 g/m²
ea commodo consequat. nsec di my Lorem ipsum dolor sit amet,, conse consectetuer adipiscing elit, sed diam nonummy
PAPER: Offset white PRINT: CMYK
ea commodo consequat. Duis autem vel eum iriure d dolor in n hend hendrerit in vulputate velit accumsan et iusto odio dignissim qui blandit landit praese praesent aesent luptatum l zzril delenitt augu au augue duis dolore te feugait nullaa facilisi. f isi. L
orem ipsum dolor amet, adipiscing elit, sed diam nonummy olor sit am met cons ectetuer etuer adipisci cing e onummy my
ea commodo modo co consequat.
32
Business Card The business card will be used for all official contact and communication of our company. These are the approved layouts. The cards will always be double sided.
Parameter
DIMENSIONS:
WEIGHT:
PAPER:
PRINT:
3.5 x 2 in
100 g/m²
Offset white
CMYK
33
Envelopes The envelope will be used for all official contact and communication of our company. These are the approved layouts. Other formats are also allowed.
34
35
Mobile Web Design General Branding on the web is about function as well as style. That is why consistency is essential throughout the pages of a website, with navigation bars, headers and footers, and color schemes all serving to orient the visitor. In this way, the graphics enable the visitor to find information quickly and easily. Fonts The fonts SF Compact and Lato can also be used on the web. The Compact font is always used for the big headlines, Lato for the basic text and smaller headlines.
36
Social Media
Facebook and Instagram story Our Social media applications are an important way to tell our
brand story to internal and external stakeholders. The following is a small sample of ways to execute our new brand identity.
The size of Facebook banners should always be 851 x 315 px and the size of the Instagram story should be 1080 x 1920 px.
37
Threeblue Marriage made easy
38
THREEBLUE 114 Northview Ct. Weirton WV, 26062 Phone 304-670-4046 | E-Mail: anthony@threeblue.com | Web: www.threeblue.com