FIRST Robotics Team 4619 Branding Guide




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