Visual Standards Guide
Visual Standards Guide
01 02
Brand Overview Our Mission Future of VIBE
04 06
New Look Our New Look Logo Anatomy Proper Logo Usage Improper Logo Usage Dimension Restrictions
08 12 16 18 20
03 04
New Visual Color Standards Typography Standards
24 26
Future Vibe Future Extensions Prototype
32 38
vibe
2
/
v i s u a l s ta n d a r d s g u i d e
chapter
1
br and overview
01 Brand Overview
Our mission Future of VIBE
Brand New VIBE The future VIBE is a platform that showcases the talent of African Americans to increase their visibility in the performance and art industries.
3
vibe
4
/
v i s u a l s ta n d a r d s g u i d e
chapter
1
br and overview
Our Mission
Provide a platform that gives Africans Americans opportunities to express themselves.
5
vibe
6
/
v i s u a l s ta n d a r d s g u i d e
chapter
1
br and overview
Future of VIBE
VIBE represents confidence and self-sufficient. Our young generation can learn, network and build confidence with each other in our community.
7
vibe
8
/
v i s u a l s ta n d a r d s g u i d e
chapter
2
ne w look
02 Brand Overview
Our New Look Logo Anatomy Proper Logo Usage Improper Logo Usage Dimension Restrictions
Brand New VIBE The future VIBE is a platform that showcases the talent of African Americans to increase their visibility in the performance and art industries.
9
vibe
/
v i s u a l s ta n d a r d s g u i d e
Our New Look The new logo combines three letter Vs as a symbol in a symbolic representation of the concept—raise up with support. The three letter V symbol also conveys the idea of dynamic community.
10
chapter
2
ne w look
11
vibe
/
v i s u a l s ta n d a r d s g u i d e
Our New Look The official formats of the new look are signature, symbol and wordmark.
Signature
Symbol
12
Workmark
chapter
2
ne w look
Letter“V” represents VIBE
Three letter“V” demonstrates dynamic community.
The customized typeface illustrate the idea of solid and positive foundation of future VIBE.
13
vibe
/
v i s u a l s ta n d a r d s g u i d e
Logo Anatomy Below is the schematic for the logo. It illustrates how our logo is drawn.
Signature
-30째
30째 4X
X
240째
120째
X
X
4X
Symbol
14
Workmark
chapter
2
ne w look
Signature
X
X
X
X
4X
Symbol
Workmark
15
vibe
/
v i s u a l s ta n d a r d s g u i d e
Proper Logo Usage Three ways to use for our logo in different situations. The primary version is the most preferable to use. Secondary and tertiary versions can be used when the design has limited space.
Signature Primary
Symbol Secondary
Workmark Tertiary
16
chapter
2
ne w look
17
vibe
/
v i s u a l s ta n d a r d s g u i d e
Improper Logo Usage This page are examples of incorrect logo usage. When the new VIBE logo appears here, these examples also apply to the use of VIBE and other versions.
Do not outline the symbol (or wordmark).
18
Do not apply a texture or pattern to the logo.
chapter
Do not change the order of the colors.
2
ne w look
Do not apply the logo to a background that's lack of contrast.
VIBE Do not stretch, distort and vary the proportions of the logo in any condition.
Do not substitute other typefaces of letterforms in the signature.
Do not use drop shadows.
Do not rotate the logo.
19
vibe
/
v i s u a l s ta n d a r d s g u i d e
Dimension Restrictions To ensure the logo is recognizable and legible, the logo must always be displayed at a size large enough to read both workmark and symbol.
Signature
Symbol
20
Workmark
chapter
Height
Signature
Symbol
2
ne w look
Wordmark
1.5 inch
1 inch
0.7 inch
21
vibe
22
/
v i s u a l s ta n d a r d s g u i d e
chapter
3
new visual
03 New Visual
Color Standards Typography Standards Graphic Form
How we look? The future VIBE illustrate a look and feel of dynamic and accessible community for young African Americans to participate and network in a diverse category.
23
vibe
/
v i s u a l s ta n d a r d s g u i d e
Color Standards Consistent color usage ensures maximum brand recognition. The new VIBE identity is using gold as its primary color and add purple and black on that basis. The three colors are the foundation of VIBE and should always be used properly to reinforce brand equity.
24
chapter
3
new visual
Pantone Solid Uncoated 125U CMYK 25/40/100/10 RGB 180/140/40
Pantone Solid Uncoated Black 6 U CMYK 0/0/0/100 RGB 0/0/0
Pantone Solid Uncoated 511U CMYK 10/35/0/80 RGB 80/60/70
25
vibe
/
v i s u a l s ta n d a r d s g u i d e
Typography Standards Typography plays an important role in communicating an overall tone and quality. It also helps to center VIBE’s brand identity and should be use consistently across the business. We have selected a typeface family called AkzidenzGrotesk Next to help us illustrate the look and feel of dynamic community.
26
chapter
3
new visual
Aa 27
vibe
/
v i s u a l s ta n d a r d s g u i d e
Akzidenz-Grotesk Next Akzidenz-Grotesk Next is a sans-serif typeface family originally released by the Berthold Type Foundry of Berlin. Akzidenz-Grotesk Next is ‘monoline’ in structure, with all strokes of the letter of similar width. This gives a sense of simplicity and an absence of the adornment.
28
chapter
Light
3
new visual
ABCDEFGHIJKLMNOPQRISTUVWXYZ abcdef ghijklmnopqristuvwxyz 12 3 4 5 6 7 8 9 0 ! " @ $ % & ( ) *+ , /: ; { } ?<>=
Re gula r
ABCDEFGHIJKLMNOPQRISTUVWXYZ abcdef ghijklmnopqristuvwxyz 12 3 4 5 6 7 8 9 0 ! " @ $ % & ( ) *+, /: ; { } ?<> =
M e dium
ABCDEFGHIJKLMNOPQRISTUVWXYZ abcdef ghijklmnopqristuvwxyz 12 3 4 5 6 7 8 9 0 ! " @ $ % & ( ) *+ , / : ; { } ?<> =
B ol d
ABCDEFGHIJKLMNOPQRISTUVWXYZ abcdef ghijklmnopqristuvwxyz 1 2 3 4 5 6 7 8 9 0 ! " @ $ % & ( ) * + , / : ; { } ?<> =
Numb er & Gl y phs
012 3 4 5 6 78 9 ! @ # $ % ^ & * ( ) _ + : ; ? [ ] ¡ ¿ « » † ‡ ¶ § © ™ ± ≈ ≠ ≤ ≥ ½
29
vibe
30
/
v i s u a l s ta n d a r d s g u i d e
chapter
3
new visual
31
vibe
32
/
v i s u a l s ta n d a r d s g u i d e
chapter
4
future vibe
04 Future VIBE
Future Extensions Prototype
The Future The future VIBE advocates the idea of create a better chance for African Americans to approach their goals in life.
33
vviibs eu a l d e v e l o p m e n t g u i d e
Future VIBE VIBE encourages and education people to express themselves freely. We provide a positive foundation and safe space with advanced learning programs and environments.
S E RV I C E & PRO DUC T
E DUCATIO N
E N V I RO N M E NT & E V E NT
S1. V Internship
ED1. V Art Class
EV1. V Show Room
S2. V Market
ED2. V Mentor
EV2. V Street Fair
S3. V Career Service
EV3. V Creative Space
S4. V Innovative Tour
EV4. V Live
S5. V Cast
EV5. V Fashion Show
S6. V Scholar
EV6. V Awards
S7. V Chat
EV7. V Seminar
S8. V Art Cloud
EV8. V Art Auction EV9. V Art Hall Ev10. V Creative Scene
34
chapter
2
the future
L LE A R N I N G
P PE R FO R M I N G
S2
S5
S1 S3 EV1
EV2 EV3
EV4
S4 S6
EV8
ED1
ED2
EV9 S8
EV6
S7 EV10
EV7
EV5
A AC H I E V I NG P
Performing
A
Achieving
L
Learning 35
vibe
/
v i s u a l s ta n d a r d s g u i d e
We are VIBE
P
Performing
[S] Service
A
Achieving
[En] Environment
L
Learning
[P] Product
With VIBE you can have fun, develop interests and build on a better career.
[Ev] Event
V Show Room [En] P
V Creative Space [En] A
V Room allows people to focus on communicating and presenting their concepts. V Room provides a safe and friendly space that allows people to share their thoughts.
V Creative Space provides a friendly facility and catering area for people to work, create, network and have inspiration.
Intro V Show Room is a gallery that allow professionals and lay artists to showcase. Whether it's photography, fine art or interactive art, it also allows people to network, critique works and speak out their ideas. Similar to Type Thursday Difference V Show Room provide a positive environment for people to speak up and express themselves.
Intro V Creative Space is a environment for both professional and lay artists to work. Similar to wework, Mindspace Difference V Creative Space isn't just a place for people to work, it's also a space where people can gather together, brainstorm, and find inspiration.
V Art Hall [En] P
V Live [Ev] P Team up with Coachella
V Art Hall encourages new artists to perform their work. Whether it's music, movie, dancing, stage play or a fashion show.
V Live helps both artist and audience to increase their visibility and encourage them to express themselves.
Intro V Art Hall is a venue that allows people to showcase and perform.
Intro V Live is an annual event that allows our audience to participate and enjoy the music festival.
Similar to August Hall, Great American Music Hall Difference V Art Hall invites starting artists to gain more experience and build their confidence by performing.
36
[Ed] Education
Similar to Coachella, Outside Lands, Ultra Music Festival Difference V Live is not only for fans to see their idols. V Live also allows our new artists who won the V Award to perform in the music festival.
chapter
V Art Cloud [En] L V Art Cloud aims to reach a goal where artists to share their art and continue to observe what's new in the art world. Intro V Art Cloud is a website where you can share your art and keep you updated about the our art community. Similar to Behance, Soundcloud, Artsy
2
the future
V Fashion Show [Ev] P Team up with Met Gala V Fashion Show is an annual event that showcases our audience who is in the fashion industry. Intro V Fashion Show allows people from our community to showcase their work and network in the industry. Similar to Met Gala, Victoria Secret Fashion show
Difference V Art Cloud provides resourceful industry information and the latest news in the entertainment world for audiences to gain more knowledge of trends.
Difference We encourage our audience to showcase their work and also open up more opportunity for them to meet new people through the event.
V Art Class [Ed] [S] L Team up with MasterClass
V Career Service [S] A
V Art Class provides a diverse category of classes from the entertainment industry that features all the professionals that are African Americans to encourage the black community to achieve their life goal.
V Career Service provides career counseling for people to be ready to work in the industry. This includes, resume review, life coaching, job search strategies, interview practice and social networking.
Intro V Art Class is an online platform for people to take classes such as music & audio production, electronic guitar, turntable, screen writing, photography, acting and film making from experts in the entertainment industry.
Intro V Career Service is a service that helps the community to know how to interacting in the working world and applying jobs and interviews and communicating effectively with coworkers.
Similar to MasterClass, The Los Angeles Recording School
Similar to themuse, Chron
Difference V Art Class invites experts from the black community who are in the entertainment industry for our audience to have a role model to look up to.
Difference We focus on how to build a better resume and find your life goal in the art & entertainment industries.
V Internship [S] L Team up with Linkedin
V Scholar [P] A
V Internship provides chances for our community to learn how the entertainment industry operates and build your professional network.
V Scholar focuses on helping people who have financial problems to have an opportunity to develop their interests or keep polishing their talents.
Intro A three month internship in the art industry. Similar to Warner Brothers, CBS Difference V Internship provides not only internships in the art industry, but also a chance for you to be ready to get ahead in life. If the internship applications are full, applicants can also apply for V Backstage to learn more about the industry.
Intro V Scholar provides free scholarship for people to have a better chance to receive education. Similar to Navient Foundation, MOHELA Difference V Scholar is free to submit. We provide a number of applications for our audience to apply. 37
vibe
/
v i s u a l s ta n d a r d s g u i d e
P
Performing
[S] Service
A
Achieving
[En] Environment
L
Learning
[P] Product [Ed] Education [Ev] Event
V Mentor [S] [Ev] [Ed] A
V Seminar [Ev] L Team up with Ted Talks
V Mentor helps people to work hand in hand with professionals to build a stronger portfolio and have a better idea of working in the industry.
V Seminar allows our audience to get inspired and discover new interests by participate the event.
Intro V Mentor is a event that allows people to be paired with an accomplished creative professional for a face-to-face mentorship. Similar to The Campaign for Black Male Achievement (CBMA) Difference We are seeking to ensure that all genders and levels of African Americans can benefit from this program by learning with the professionals.
Similar to Ted Talks Difference V Seminar aims for a broader range of African American presenters to allow audiences to have someone to look up to.
V Innovative Tour [S] L Team up with Eventbrite
V Cast [S] P
V Innovative Tour allows people to visit an existing company so that our audience can have a better idea of what's like to work in the industry.
V Cast provides chances for people who are interested in the entertainment industry.
Intro V Innovative Tour is a service that opens doors for our audience. They can apply to V Tour to visit a number of companies that are in the music, movie, art or fashion industries.
Intro V Cast is a casting call and auditions for movies, TV, modeling, plays and more.
Similar to Wantedly Difference We are helping our audience have a better idea in the entertainment and art industry. 38
Intro V Seminar is a monthly hosted event that features great speakers and artists from our community.
Similar to Central Casting, NBC, Backstage Difference We are aiming to provide more opportunities and equalize jobs for African Americans in the entertainment industry.
chapter
2
the future
V Chat [P] P
V Creative Scene [En] A
V Chat isn't just a social networking app, it's also an app that allows users to share their work and idea so that they can find a new audience among their peers to discuss and critique their work.
V Creative Scene offers opportunities for both professionals and people to have a access how backstage and understand the methods behind the scene.
Intro V Chat is an app that works for both mobile phones and computers. That allows people to network, chat, discuss and brainstorm.
Intro V Creative Scene an environment that allows people to learn more about working backstage in the entertainment industry.
Similar to Instagram, Snapchat
Similar to NBC
Difference V Chat is more focused on the education aspect of get your idea across instead of social networks.
Difference V Creative Scene works hand to hand with V internship. People can volunteer in V Scene to gain more knowledge in what it's like to be on set and work with professionals.
V Street Fair [Ev] L
V Art Auction [Ev] A Team up with Sotheby's
V Street Fair provides a space for people to sell and purchase items from the community. It helps our community to grow and united together.
V Art Auction is a event that helps artists to gain more attention in the art world and be able to do what they like for living.
Intro V Street Fair is a event for artist from the community to showcase and sell their work from fine art panting to handmade speaker.
V Art Auction is a event that provide opportunity to increase visibility through selling their work while networking with professionals and artists.
Similar to Startup Art Fair
Intro
Similar to Sotheby's
Difference V Street Fair has a border category for our community to present.
Difference V Art Auction opens up more opportunities for artists to increase their visibility.
V Awards [Ev] A Team up with Academy Awards
V Market [S] A
V Awards helps people participate in the entertainment industry by performing and showcasing their art.
V Market aims to provide more accessible way for the audience to sell their art and do what they love for living.
Intro V Awards is yearly free event open to the public that helps artists build their confidence by increasing their visibility and achieve their goals in life.
Intro V Market is a website that allows each artist to have their own space to present, describe and sell their art online.
Similar to Grammy Awards, Academy Awards
Similar to Society6, Etsy
Difference V Awards focuses more on the art industry than music. We want to showcase and award new artist in the industry.
Difference V Market aims to find a more established audience for artists to seal more deals.
39
vibe
/
v i s u a l s ta n d a r d s g u i d e
[S] A Learn how to apply for jobs and interviews. Become an effective communicator.
V Career Service In V Career Service, you can know how to interacting in the working world, and applying job and interviews and communicating effectively with coworkers.
40
chapter
2
the future
41
vibe
/
v i s u a l s ta n d a r d s g u i d e
V Career Service focuses on how to build a better resume and find your life goal in the art & entertainments industries.
42
chapter
2
the future
43
vibe
/
v i s u a l s ta n d a r d s g u i d e
[ E] P Showcase your work and share your talents.
V Showcase Room A gallery that allows artists to showcase their works, speak out their ideas and network.
44
chapter
2
the future
45
vibe
/
v i s u a l s ta n d a r d s g u i d e
V Showcase Room provide a positive environment for people to speak up and express themselves.
46
chapter
2
the future
47
vibe
/
v i s u a l s ta n d a r d s g u i d e
[En] A Create in a space where you can find inspiration.
V Creative Space A working space for both professional and lay artists.
48
chapter
2
the future
49
vibe
/
v i s u a l s ta n d a r d s g u i d e
V Creative Space isn't just a place for people to work, it's also a space where people can gather together, brainstorm and find inspiration.
50
chapter
2
the future
51
vibe
/
v i s u a l s ta n d a r d s g u i d e
[En] P Showcase your work and thrive.
V Art Hall A venue that allows people to showcase and perform.
52
chapter
2
the future
53
vibe
/
v i s u a l s ta n d a r d s g u i d e
VIBE Art Hall encourage new artists to perform their work. Whether is music, movie, dancing, stage play or a fashion show.
54
chapter
2
the future
55
vibe
/
v i s u a l s ta n d a r d s g u i d e
[Ev] L Meet professionals, learn from professionals. V Seminar Team up with Ted Talks A monthly host event that features great speakers and artists.
56
chapter
2
the future
57
vibe
/
v i s u a l s ta n d a r d s g u i d e
V Seminar aim for a broader range of African American presenter to allows audience to have someone to look up to.
58
chapter
2
the future
59
vibe
/
v i s u a l s ta n d a r d s g u i d e
This book is a noncommercial project of a graphic design student. This project is not intended to represent the parent brand in any way. It is done with full admiration and respect toward VIBE company. Designer
Fairy Shih Instructor
Hunter Wimmer Course
Natural Identity Photo Credit
unsplash.com www.uc.edu dilasmediatwo.blogspot.com Software
Adobe Creative Cloud Typefaces
Akzidenz-Grotesk Binding & Printing
Blurb.com