

Team 4619
Graphic Standards
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 we all represent our team in the best light possible by not only showing gracious professionalism and good 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 consistently recognizable and refined. Thank you for following our graphic branding and keeping our standards pristine for years to come! If you have any questions, comments, or concerns, please contact us at hawkbots@team4619.com.
Thank you,
Kendall Nakai Team 4619
Team 4619 Hawkbots Branding Guide 2016
3
Logo  
Our logo is the heart of representation and team identity. It is important to our identity and must be treated appropriately. Our seal is unique because of the background gear and foreground wing swoop. Don’t crowd the seal: Take the width of the outer circle and allow that amount of space all around the logo. Min. seal print size = .75 inches Min. seal web size = 54 pixels
4
Team 4619 Hawkbots Branding Guide 2016
 
Don’t mess with our Hawk. Removal of feathers, gear sprockets, wings, and other alterations are prohibited. Additionally, they can bring an awkward look.
1
2
3
4
5
6
7
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: 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
Black CMYK: 76, 71, 66, 78 RGB: 16, 16, 16 HEX: 101010
Color is an important component in attracting the viewers eye, as well as the scheme that is presented. Please use the correct color codes when available, or choose a color that closely resembles the one on the palette provided. Note: Google docs is compatible with these codes. All written communications should be presented with preferred primary colors only. Written documents that are not in a presentation medium should only be displayed in 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
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, add additional interest, and highlight important information. 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
Summer
Fall
Winter
CMYK: 12, 59, 0, 0 RGB: 255, 64, 186
CMYK: 0, 45, 86, 0
CMYK: 14, 94, 22, 27
CMYK: 34, 0, 10, 0
RGB: 255, 128, 0
RGB: 128, 0, 64
RGB: 102, 255, 255
HEX: 000080
HEX: FF8000
HEX: 800040
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
Secondary font family
SignPainter Bebas Neue
Alt. secondary font family
The primary font families should be used for body text and primary information The secondary font families should be used for headlines and accents.
All professional documents should be typed in classic Times New Roman 12 pt font. Where font compatibility may be an issue, the following font families may be substituted (Google compatible): Primary: Georgia Secondary: Lobster Alt. Secondary: Oswald
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
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.
A serif font has little wings at the ends of the letters. Times New Roman is a serif font. Century Gothic is not.
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. The profile picture should be kept consistently as the team logo. 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. The cover may be updated as a team group picture (Facebook, Twitter, Google +, Youtube) Instagram updates should be sparing, with pictures. 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
Robotics Team 4619 • Month Year
Facebook Cover
851x315
Profile
360x360
Photo
940-1200
Twitter Header
1500x500
Profile
500x500
Photo
840x440
Google + Cover
1080x608
Profile
250x250
Photo
800x600
Instagram Profile
180x180
Photo
1080x1080
YouTube Channel Art
2560x1440
Video Thumbnail
640x360
Channel Icon
800x800
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. 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 (nontransparent). 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
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 Microsoft Publisher
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
PNG
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!
connect with us team4619.com