 
Team 4619
Graphic Standards
table of contents  
03 Identity 04 Logo 06 Color 08 Typography 10 media 11 recognition 12 Images 13 Documents
2
Team 4619 Hawkbots Branding Guide 2016
Identity  
A letter from the editor
Hello Friends, I introduce to you Team 4619 Hawkbot’s first official brand guide. This is your handbook to the graphic standards - all the rules of our team’s identity and brand. A brand makes the team more attractive and sets a consistent, professional image and recognizable appeal. It is important you represent our team in the best light possible by not only showing gracious professionalism and sportsmanship but also following the graphic standards provided. In this guide, you will find important guidelines, established for using specific fonts, colors and other visual elements. These guidelines help unify our team and keep us recognizable and consistent If you have any questions, comments, or concerns, please contact myself, the Team 4619 graphic design leader responsible for maintaining and enforcing branding standards. Thank you,
Kendall Nakai
kendallnakai@gmail.com Team Secretary 2015-16
Team 4619 Hawkbots Branding Guide 2016
3
Logo  
A logo - our team seal is the heart of representation and team identity. It is sacred and must be treated appropriately. Our seal is unique through the background sprocket and foreground swoop of the wings. Don’t crowd the seal. Rule of thumb: Take the width of the outer circle and allow that amount of space all around the logo.
Min. seal print size = .75 inches wide Min. seal web size = 54 pixels wide
4
Team 4619 Hawkbots Branding Guide 2016
 
Don’t mess with our Hawk. Removal of feathers, gear sprockets, wings, and other alterations are prohibited.
1
2
3
In some cases, flipping and removal is acceptable, but not recommended. Please consult the media team or an officer if you have any questions.
The following alterations and displays are not allowed: 4
5
6
7
1. Proportion distortion (do not edit constraints) 2. Partial opacity 3. Color alterations 4. Enclosures or borders 5. Recreations 6. Poor resolution 7. Cutoff 8. Tilt or rotation
8
Team 4619 Hawkbots Branding Guide 2016
5
color  
Primary Color Palette Color is an important component in attracting the viewers eye, as well as the scheme in which is presented. Please use the correct color codes when available, or choose a color that closely resembles the one on the palette provided.
All written communications should be presented with preferred primary colors only.
Written documents as a nonpresentation medium should only be displayed with black and grey.
Graphics should be presented with the primary color palette preferred.
RGB scale should be displayed when possible
6
Team 4619 Hawkbots Branding Guide 2016
Black CMYK: 76, 71, 66, 78 RGB: 16, 16, 16 HEX: 101010
Grey CMYK: 23, 17, 15, 0 RGB: 177, 177, 177 HEX: B1B1B1
White CMYK: 0, 0, 0, 0 RGB: 255, 255, 255 HEX: FFFFF
Red CMYK: 5, 86, 99, 16 RGB: 175, 0, 5 HEX: AF0005
Gold CMYK: 0, 22, 93, 1 RGB: 253, 181, 10 HEX: FDB50A
Burgundy CMYK: 11, 85, 97, 32 RGB: 128, 0, 0 HEX: 800000 Green CMYK: 56, 2, 97, 6 RGB: 104, 173, 47 HEX: 68AD2F Blue CMYK: 87, 56, 0, 0 RGB: 10, 80, 163 HEX: 0A50A3 Ocean CMYK: 98, 80, 5, 15 RGB: 0, 0, 128 HEX: 000080 Mercury CMYK: 6, 4, 3, 0 RGB: 230, 230, 230 HEX: E6E6E6 Steel CMYK: 55, 46, 42, 3 RGB: 102, 102, 102 HEX: 666666
Secondary Color Palette In presentation mediums, colors may be used as design elements to shift the viewer’s eyes and add additional interest.
This secondary color palette color may be selected as an accent. It shall be mainly used for fliers, banners, and presentations.
Colors outside of this spectrum should be used sparingly and approved with the graphics design team.
Spring CMYK: 12, 59, 0, 0 RGB: 255, 64, 186 HEX: 000080
Fall CMYK: 14, 94, 22, 27 RGB: 128, 0, 64 HEX: 800040
Summer CMYK: 0, 45, 86, 0 RGB: 255, 128, 0 HEX: FF8000
Winter CMYK: 34, 0, 10, 0 RGB: 102, 255, 255 HEX: 66FFFF
Team 4619 Hawkbots Branding Guide 2016
7
Typography
The following set of fonts shall be used in all written communication.
Primary font family
Century Gothic
Alt. primary font family
Helvetica Neue Thin
SignPainter Alt. secondary font family Bebas Neue Secondary font family
The primary font families should be used for body text.
The secondary font families should be used for headlines and accents.
Where font compatibility may be an issue, the following font families may be substituted (Google): • Primary: Cantrell • Primary: Raleway • Secondary: Fjalla One • Secondary: Lobster
8
Team 4619 Hawkbots Branding Guide 2016
Primary font
Bebas Neue should be used for the robot font name.
A C C E N T C O L O R S
TEAM 4619
TEAM 4619
TEAM 4619 TEAM 4619
Grey CMYK: 23, 17, 15, 0 RGB: 177, 177, 177 HEX: B1B1B1 Red CMYK: 5, 86, 99, 16 RGB: 175, 0, 5 HEX: AF0005
A serif font has little wings at the ends of the letters. Times New Roman is a serif font. Century Gothic is not.
The team name in all typographical faces is practical and is to stand out, but not take over. It should be presented at 0*, but may at 90* and 270* where visually acceptable. Letters may be italicized, but the word body as a whole should never be slanted or upside down. Give the name at least half a finger width’s space apart from anything else. Body text should always be black on a white background, however; accents colors may be used to emphasize certain phrases. Vertical lettering should be avoided wherever possible. Serif fonts shall not be used unless it is in Helvetica Neue Thin or Times New Roman for team private documents only.
A A
Team 4619 Hawkbots Branding Guide 2016
9
media
The team’s social media presence should be updated frequently.
Facebook Cover
851x315
The profile picture should be kept consistently as the team logo.
Profile
360x360
Photo
940-1200
Facebook albums should be kept updated with event photos. They shall be uploaded in highest resolution possible.
Twitter and Facebook should be used to post pictures as well as tweet and hashtag updates during regionals. Youtube update videos should be posted frequently during Build Season. Event recaps may also be made and uploaded. A season recap should also be made and posted no later than 1 month after the last competition.
1500x500
Profile
500x500
Photo
840x440
Google + Cover
1080x608
Profile
250x250
Photo
800x600
Instagram Profile
180x180
Photo
1080x1080
YouTube
The cover may be updated as a team group picture (Facebook, Twitter, Google +, Youtube)
Channel Art
2560x1440
Video Thumbnail
640x360
Instagram updates should be sparing, with pictures.
Channel Icon
800x800
Head shots should be taken of each of the official members. To follow team standards, members shall be wearing the current year’s team apparel.
12
Header
Robotics Team 4619 • Month Year
recognition
Ocean View High School
The three organizations are those we associate with require the same level of standard as our own logo. Let the logos breathe and no alterations may be made. To properly recognize and thank our generous sponsors for what they have provided us with, they must be recognized whenever possible.
Orange County Robotics Alliance
For Inspiration and Recognition of Science and Technology
.png files of sponsor’s logos in color and black or white color scheme shall be kept on file and placed on the following: • Website • T-Shirt • Robot • Newsletters Our main benefactor is Boeing. The Boeing symbol shall be placed in larger ratio and ahead of others, unless sponsors are listed in alphabetical order. Sponsors should be given shoutouts on media platforms as well as sent the the official team picture and digital newsletters.
Team 4619 Hawkbots Branding Guide 2016
11
images  
The following are the image file formats to be used:
JPG (Joint Photographic Experts Group) WHAT: High quality, nontransparent, low file size images (non-transparent). USED FOR: Websites, social media, email, and pretty much any platform it is accepted on.
PNG (Portable Network Graphic) WHAT: (lossless) transparent lowresolution. This is one of my favorites due to the usability and transparency. USED FOR: websites and other social medias.
For instance, the FIRST logo is a .png file but was created as a .eps file because it is blown up on large banners. Print Use
EPS
JPG
PNG
Adobe InDesign
x
x
Adobe Illustrator
x
QuarkXPress
x
x
x
x
x
Microsoft Word
x
x
Microsoft PowerPoint
x
x
Microsoft Ecelt
x
x
Adobe Dreamweaver
x
x
Other Program
x
x
Desktop/Printer Use
EPS (Encapsulated Post Script) WHAT: A vector files which mean they can be at any scale without pixelation so they always are sharp no matter what the size. USED FOR: Good for high quality print jobs for t-shirts or banner.
12
Team 4619 Hawkbots Branding Guide 2016
Microsoft Publisher
Web/Online Use
documents
All information should be shared as the following file types:
PDF (portable document format) All files shared online with the general public and team should be converted to a PDF file so they cannot be accidentally altered.
WORD (A Microsoft word document file) Files shared within the team that are being edited shall be edited as Word documents.
GOOGLE (A Google document cloud file. May also be downloaded as a Word document). Files shared within the team that are being edited over the Google Drive services shall be edited over the team’s drive and no team documents should be kept in one’s personal drive.
Team 4619 Hawkbots Branding Guide 2016
13
Thanks for reading! CONTACT email: hawkbots@team4619.com President
Mentor
Secretary
Christopher Lee
Kendall Nakai
Andy Weddle
cjlee101@student.hbuhsd.edu
kendallnakai@gmail.com
andrew.s.weddle@gmail.com
(714) 721-5913
team4619.com
(714) 905-6264
Team 4619
(240) 315-3219
@team4619
@team4619