03 VIS UA L S TA ND A R DS GU IDE
DELOREAN
VISUAL STANDARDS GUIDE
03
№
VISUAL STANDARDS GUIDE
DELOREAN
VISUAL STANDARDS GUIDE
“It’s not about ideas,it’s about making ideas happen” – Scott Belsky / Founder, Behance
DELOREAN
VISUAL STANDARDS GUIDE
TABLE OF CONTENTS
CHAPTER CHAPTER CHAPTER
01 02 03
OUR NEW DEMEANOR
OUR NEW LOOK
EXTENSIONS
1.1 OUR NEW LOGO
02
1.2 CLEAR SPACE
06
1.3 PROPER LOGO USAGE
08
1.4 IMPROPER LOGO USAGE
12
1.5 DIMENSION RESTRICTIONS
14
2.1 COLOR STANDARDS
20
2.2 TYPOGRAPHY STANDARDS
22
2.3 PHOTOGRAPHY STYLE
26
2.4 GRAPHIC FORM & VISUAL STYLE
30
2.5 CORPORATE BUSINESS SYSTEM
32
3.1 FUTURE EXTENSIONS
38
DELOREAN
VISUAL STANDARDS GUIDE
OUR NEW DEMEANOR
01
01
02
DELOREAN
VISUAL STANDARDS GUIDE
OUR NEW LOGO The new DeLorean logo now looks more energetic, futuristic, moving forward and stronger than the original logo of Delorean. The overall mood of our new logo also fit the audiences that must be innovative people that looking forward to their dream and don’t regret to chasing that dream.
1.1
OUR NEW DEMEANOR
03
04
DELOREAN
VISUAL STANDARDS GUIDE
LOGO COMPONENTS The main logo of Delorean has 2 main components that are symbol and wordmark. This 2 components will use in different purpose depend on the design situation. When we combine symbol and wordmark, and call it the signature.
SYMBOL
SIGNATURE
WORDMARK
OUR NEW DEMEANOR
MARK SYMBOLISM Our new Delorean logo is the logo that contain much innovative thinking. The logo is the combination of 3 main ideas that to honor John Z. Delorean, encourage innovative people and show the secret passion.
THE ARROW
I N I T I A L ' D'
F O R WA R D 05
06
DELOREAN
VISUAL STANDARDS GUIDE
CLEAR SPACE
1.2
The new Delorean logo needs clear space to keep the visual system consistency. There shouldn’t be any graphic, text or another sort of element within the “clear space” area.
OUR NEW DEMEANOR
LOGOMARK
WORDMARK
SIGNATURE
07
08
DELOREAN
PROPER LOGO USAGE 1.3
VISUAL STANDARDS GUIDE
The new Delorean logo is the essential to present the brand through different media and different design situation. For consistency, the way to use our logo is limited depend on different design situation. This is the part to show the correct ways to use our new logo.
OUR NEW DEMEANOR
LOGO VARIATION Our logo has 3 main variations to use for different design situations. The primary version is the version that is the most prefer to use. Secondary and tertiary version are also can use when the design have limited space, horizontal space.
VERSION
S I G N AT U R E PRIMARY VERSION
01
VERSION
SYMBOL S EC O N D A R Y V E R S I O N
02
VERSION
H O R I Z O N TA L L O G O TERTIARY VERSION
03
09
10
DELOREAN
VISUAL STANDARDS GUIDE
LOGO WITH BACKGROUND For consistency, the Delorean logo prefers to use on the light background. But there are times when it will need to appear over color or dark background. In this case, this is the limited way to use our logo on dark or color background.
PRIMARY / ONE COLOR ON DARK
PRIMARY / T WO COLOR ON DARK
S EC O N D A R Y / O N E C O L O R O N D A R K
S EC O N D A R Y / O N E C O L O R O N D A R K
TERTIARY / ONE COLOR ON DARK
OUR NEW DEMEANOR
Example of Delorean secondary logo usage on Black Delorean labsuit
11
12
VISUAL STANDARDS GUIDE
DELOREAN
IMPROPER LOGO USAGE 1.4
Our new Delorean logo is designed for specific uses to maintain consistency. The logo needs to present in the original form. Here is some example of “not to do” with the logo. Please follow the guideline to ensure the correct way to using Delorean logo in a different design situation.
OUR NEW DEMEANOR
DROP-SHADOW
BEVEL OR EMBOSS
STRETCH
MISCOLOR 01
MISCOLOR 02
OUTLINE
MISPLACE
BACKGROUND
GRADIENT
13
14
VISUAL STANDARDS GUIDE
DELOREAN
DIMENSION RESTRICTIONS 1.5
Dimension restrictions help indicate the size that proper to use different versions of our new Delorean logo. This diagram will also help determine which versions to use in print, digital media, or signage, depending on its size requirements.
OUR NEW DEMEANOR
SIGNATURE
HORIZONTAL
SYMBOL
10M
1M
5CM
1CM
15
SIZE BY HEIGHT
16
DELOREAN
VISUAL STANDARDS GUIDE
An example of logo usage with dimension r e s t r i c t i o n . T h e a r e a i s b e t w e e n 1 c m -5 c m that means you can only use horizontal or symbol version to apply with other media.
17
18
DELOREAN
VISUAL STANDARDS GUIDE
OUR NEW LOOK
02
19
20
VISUAL STANDARDS GUIDE
DELOREAN
COLOR STANDARDS 2.1
The better future of DeLorean presented by 2 main colors that are DeLorean green and DeLorean grey. Grey is the main color that John Delorean like and use for all product line in the past. Green is the color that represent the future and also the symbolic of non-stop.
DELOREAN GREEN
R : 158 G : 255 B:0
Pantone Solid Coated 375 C Pantone Solid Uncoated 2290 U HEX : #99ff00
C : 40 M:0 Y : 100 K:0
DELORE AN GREY
R : 65 G : 64 B : 66
Pantone Solid Coated Black 7 C Pantone Solid Uncoated Neutral Black U HEX : #404041
C:0 M:0 Y:0 K : 90
OUR NEW L OOK
21
22
DELOREAN
TYPOGRAPHY STANDARDS
VISUAL STANDARDS GUIDE
2.2
Typography is one of the most important parts to creating the visual system that fit the new Delorean. The chosen typeface for new Delorean is Blender Pro and Klint Std.
TYPEFACE NO.1 (TITLE / SUBTITLE)
A
Blender Pro Blender pro is the typeface that have a special characteristic. It is the geometric typeface that based on square shape. It also creates mood and tone of futuristic that really fit the new Delorean visual system.
OUR NEW L OOK
Blender Pro Book
Blender Pro Book / Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Blender Pro Medium
Blender Pro Medium / Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Blender Pro Bold
Blender Pro Bold / Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
23
24
DELOREAN
VISUAL STANDARDS GUIDE
TYPEFACE NO.2 (BODY TEXT / CAPTION)
Klint Std Klint Std is a sans serif typeface with a technical appearance and humanistic streak. This typeface created to use for technology purposes such as mobile phone, computer software, and hard ware. So, this typeface really contains the mood and tone of technology and innovation and really fit the overall visual of new Delorean.
OUR NEW L OOK
Klint std Regular
Klint std regular / Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Klint std Bold
Klint std Bold / Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Klint std Black ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
25
26
DELOREAN
VISUAL STANDARDS GUIDE
PHOTOGRAPHY STYLE 2.3
The photography style that use to keep consistency visual system are separate into 3 groups depends on the proper use to create a different feeling. The combination of this 3 group will create the futuristic mood and tone and also contain the meaning of collaboration that is one of the main objectives of our new Delorean.
OUR NEW L OOK
PHOTO STYLE NO.1 (Transparent Background) This photography style helps audience to focus on the object and also present the clean and positive feeling.
27
28
DELOREAN
VISUAL STANDARDS GUIDE
PHOTO STYLE NO.1 (Abstract geometric shape) The abstract geometric shape is creating the futuristic atmosphere to the visual system and opens the space for the audience to look into something with a different aspect and their imagination.
OUR NEW L OOK
PHOTO STYLE NO.1 (Collaboration + Activity) The main mission of new Delorean is to encourage people. So, the photo of innovative activity is one of the most important things to make our audiences understand our mission. This photography style also creates the feeling of warm, energetic and communication that suit to our Delorean.
29
30
DELOREAN
VISUAL STANDARDS GUIDE
GRAPHIC FORM 2.4 & VISUAL STYLE The graphic style of new Delorean can are futuristic geometric shape integrated with the shape (forward, arrow) that inspired from new Delorean logo. The overall visual style will help support the logo, photography and type to present strong, sharp, clean, simple and futuristic feeling.
OUR NEW L OOK
31
32
DELOREAN
VISUAL STANDARDS GUIDE
CORPORATE 2.5 BUSINESS SYSTEM The business system is designed with minimal and clean tone to get the welcome feeling. The rest of the design is the design that based on function to make it easy to use and integrated with our corporate visual that are the Delorean color scheme. typography style and the futuristic graphic style.
OUR NEW L OOK
33
34
DELOREAN
VISUAL STANDARDS GUIDE
EXTENSIONS
03
35
36
DELOREAN
VISUAL STANDARDS GUIDE
EXTENS I ONS
37
38
DELOREAN
VISUAL STANDARDS GUIDE
FUTURE EXTENSIONS Delorean still working according to the mission that we want to encourage innovative people to chasing their dream and create the best community for innovative people. We decided to create a center of Innovation named DCI (Delorean Center for Innovation) that provide the facility, resources, services and hi-tech equipment to help innovative people achieve their goal.
EXTENS I ONS
39
40
DELOREAN
VISUAL STANDARDS GUIDE
INSIDE THE DCI Our DCI main focuses will divide into 3 big parts that are Learning, Developing, and Collaborating. Learning part will help innovative people get new knowledge and experiences or fulfill skills or knowledge that they don’t have to finish their dream goal. Developing part will focusing on the facility and equipment that can fully help innovative people to work on their project. The Collaborating part will be the part that help to promote and to manage all the project that can create strong innovation community.
EXTENS I ONS
41
42
DELOREAN
VISUAL STANDARDS GUIDE
LEARNING
DELOREAN ACADEMY
DCI-CREATIVITY DEVELOPMENT CENTER
This academy will be the education center for people who
This center is the opportunity for the innovators who
want to be the innovators in the future. Our goal is to push
lack creative skills to develop their creativity and use it
students to study anything that they can apply to create
to improve their project.
their successfully dream project. DCI-SKILL DEVELOPMENT CENTER JOHN Z. DELOREAN LIBRARY
This center will be the opportunity for innovators who lack
This is the hub of knowledge and divided into 2 section that
the skill to finish their dream project, such as, presentation
is the digital library and traditional library.
skill and basic engineering.
DCI-WORKSHOP
DELOREAN ONLINE LEARNING MANAGEMENT SYSTEM
Workshop is the place for students that can work on their
This system will provide online classes for people who don’t
experiment and get the experiences for developing the
have enough time to come to DCI.
project in the future DCI-CULTURE & LANGUAGE CENTER LECTURE OF INNOVATION
This center will be the opportunity for innovators to learn
We’ll provide lecture from both outsources and our
new culture and languages. This will help international
innovators to give knowledge, inspiration and idea to
students and innovators for better communication for
students and also people in our community.
success their project.
JOHN Z. DELOREAN SCHOLARSHIP PROGRAM
DCI-DORMITORY
We’ll provide students who have outstanding performance
This dormitory is provided for all innovators and stu-
or people who have good and strong passion in their project.
dents. This dormitory will include many facilities that help
We believe that people who chasing their dream with
everyone feel relieve and relax from hard-working such as,
everything deserve good opportunities.
Swimming pool and gym.
EXTENS I ONS
DEVELOPING
DCI-LABORATORY
DCI-TECH SHOP
We’ll provide more than 30 laboratories for our innovators
We also provide the space with enough tools and
in the different area of interest such as computer lab,
resources for innovators to create the real prototyping
biology lab, chemistry lab, etc.
of their project.
DCI-RESEARCH CENTER
Z-TECH VIRTUAL REALITY SYSTEM
This center will gather all the research, case study and
For the project that really hard to make the real prototype
information that can share to innovators in our community.
in any condition such as, large scale. Innovators can use virtual reality system to develop their prototype and still feel like realistic condition in the digital world.
Z-TECH ARTIFICIAL INTELIGENCE (AI) Artificial intelligence is the main system of the organization that helps and assist people in the community
Z-TECH COMMUNICATION DEVICES
with any information. This system also takes care of
We believe that communication is the most important
the entire security part of the organization.
part in developing project. So, we’ll provide hi-tech communication devices such as, smart phoneand smart contact lens or glasses.
Z-TECH PERSONAL ASSISTANT (DROID) Every innovator in our community will receive personal droid that help innovators to help organize the project and
Z-TECH CLOUD SYSTEM
help innovators to get informationfaster from our
Every project need secure place to record data or keep the
artificial intelligence system.
important information.So, we’ll provide the cloud system that everyone in our community can store their important information anytime, anywhere.
Z-TECH OPERATION EQUIPMENT We’ll provide equipment that help innovators to develop their project such as an exoskeleton that help people to carry heavy mechanic part easier.
DCI- SECURUTY SYSTEM We’ll create highest security system to keep all the information of each project and also the safety of everybody in our community such as, surveillance and 24 hours security guard. 43
44
DELOREAN
VISUAL STANDARDS GUIDE
COLLABORATING
DELOREAN INNOVATION EXHIBITION
DCI-INFORMATION SHARING CENTER
We’ll create exhibition hall in Delorean Innovation Center to
This department will create a network with other
show new innovation from our community and get attention
organization or company and share the innovative
from investors and people who interesting in innovative
information and knowledge. This will help our community
thinking. We’ll also extend our exhibition to other museum
have unlimited knowledge and help people in our
and academy around the world.
community develop their successful project.
DELOREAN INNOVATION CONFERENCE
DCI-MEMBER RECRUITS PROGRAM
Innovation conferences will happen in every 3 months to
This program will help seek new innovative people to join or
gather people in our community and also invite innovative
community and make our community stronger.
people outside to create a better connection. This can be another way to show the concept of Delorean organization and new innovation from our community to attract
DELOREAN CARE
collaborators and investors.
This program will help provide the safety information for every person in our program and also provide the insurance
JOHN DELOREAN FUNDRAISING PROGRAM
during the developing process.
We’ll run the fundraising program that can support the financial of our community and help innovators to work
DCI-STORE
on their project with no distraction.
This place will be the innovative market that allow every innovator in our program to start doing business by selling
DCI-PROJECT MANAGEMENT CENTER
their innovative products in our store.
This will be the hub of information about the project to help connect innovators, collaborators and people who
DCI-LEGAL AID DEPARTMENT
interesting in this project.
The legal issue is the big deal in the world of innovation. That’s why we want to provide legal aid to every innovator. we’ll help you plan your project and also provide important legal information for your project.
EXTENS I ONS
45
46
DELOREAN
A digital version of this visual standard guide book is available online at center-for-innovation.org All rights reserved. No part of this publication may be reproduced, stored in a retrieval system or transmitted, in any form or by any means, electronic, mechanical, photocopy, recording or otherwise, without the written permission of Delorean organization Designed by Panupong Premvaranon Printed in the United States of America.
VISUAL STANDARDS GUIDE
47
48
center-for-innovation.org
DELOREAN
VISUAL STANDARDS GUIDE