DES116 - BitStix Graphic Standard

Page 1

BITSTIX

graphic standard



5

introduction our mission

6

visual identity logo color palette typography

12

business system business cards letterheads envelope

18

advertising web and mobile signage storefront delivery merchandise table of contents |

3


4 | introduction


BitStix is a cream-covered biscuit-cookie snack that proves playing with your food isn’t always a bad thing. Here at BitStix, we are dedicated to our customers. We want to make sure you enjoy our finest snacks, made only with the best ingredients and filled with plenty of smiles, inside and out. BitStix was founded on the belief that children should live their childhoods to the fullest--and that includes playing, building, and imagining. Our cookie product not only makes a great snack during snacktime, but also supports your child’s imagination and wonder. BitStix will always positively support our community and future.

introduction | our mission

5


Visual identity | visual identity


visual identity |

7


x

x

x

x x

logo BitStix’s logo is an isometric pixel-bit, an homage to the classic roots of the video games of your childhood. BitStix is a stylized cream-covered biscuit stick and is the perfect cookie snack for

x

BITSTIX x

BITSTIX

snacktime, or when you need a moment. The logo is designed to be used as an icon and with the full logotype name. The x-height of the fontface is used to determine the icon’s centered spacing. BitStix’s logo should be used in its original square composition but may be in a horizontal format if and when the type needs to stand out more. Another stylized cookie stick is incorporated into the typeface, however when the logo is in black and white, the type should be completely black. The logo may be simplified to its lineart when necessary.

visual identity | logo

BITSTIX


unacceptable uses

BITSTIX Do not stretch or compress.

BITSTIX Do not change the colors if not on the color palette.

BITSTIX Do not rotate.

BITSTIX Do not switch the typeface colors.

XITSTIB Do not flip or reverse.

BITSTIX Do not change the spacing.

visual identity | logo


strawberry

Vanilla Pantone 1775 C CMYK (0, 54, 24, 0) RGB (245, 145, 155) #F5919B

Pantone 318 C CMYK (45, 0, 16, 0) RGB (133, 209, 215) #85D1D7

Pantone 805 C CMYK (0, 67, 38, 0) RGB (243, 118, 126) #F3767E

Pantone 630 C CMYK (53, 7, 20, 0) RGB (115, 190, 201) #73BEC9

Pantone 702 C CMYK (9, 74, 44, 0) RGB (222, 102, 114) #DE6672

Pantone 7696 C CMYK (67, 22, 35, 0) RGB (88, 160, 165) #58A0A5

sprinkles

color palette BitStix’s colors draw inspiration from the color graphics of the 1980s, the Golden Age of video arcade games. The company’s logo colors are altered depending on the flavor of

Pantone 728 C CMYK (23, 38, 58, 1) RGB (197, 157, 118) #C59D76

Pantone 108 C CMYK (1, 11, 100, 0) RGB (255, 218, 0) #FFDA00

Pantone 465 C CMYK (29, 43, 69, 5) RGB (178, 139, 95) #B28B5F

Pantone 709 C CMYK (5, 81, 36, 0) RGB (228, 87, 118) #E45776

Pantone 874 C CMYK (36, 51, 71, 14) RGB (153, 116, 83) #997453

Pantone 7499 C CMYK (0, 9, 13, 0) RGB (253, 233, 216) #FDE9D8

the product. The sprinkles should remain unaltered through every logo variation. Do not use any other color unless specified. Carefully review the Pantone, CMYK, RGB, and Hex codes located directly on the right of each color swatch sample. The logo may be changed to 85% or 50% opacity. For lighter versions, refer to the company’s simple line logo or use only text.

Biscuit Pantone 475 C CMYK (3, 18, 28, 0) RGB (243, 211, 182) #F3D3B6 Pantone 4685 C CMYK (11, 22, 31, 0) RGB (225, 197, 172) #E1C5AC

visual identity | color palette


Gotham Narrow Extra Light

typography

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%&*

BitStix uses the display font, Munro Small for its logo. The business system uses Gotham Narrow in the Extra Light and Medium weight. All text should be set to Optical Kerning. For web media and print media, Munro Small should only be used for certain headings and the logo. Otherwise, all other text should be set in Gotham Narrow Medium for common headers and Gotham Narrow Extra Light for body and paragraph text.

Gotham Narrow Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%&*

visual identity | typography

11


business system 12 | business system


business system | 13


business cards The business cards feature an isometric pattern of every BitStix flavor in a repeating pattern. The background is an egg-white color (#FDE9D8), swatched from the white sprinkle on the logo. The QR code links to BitStix’s website, bitstix.com. On the back of the business cards, the logotype and logo icon are separated, but are shown in the classic strawberry color tone. Employee names are set in Gotham Narrow Medium at 8/10 and Optical Kerning. Employee positions and contact information is set at 6/8 and Optical Kerning.

14 business system | business cards


www.bitstix.com 415.123.4567 8900 Market Street, San Francisco, CA 94104

BITSTIX Cookie Kutta, 1 Shields Avenue, Davis, CA 95616 Dear Cookie Kutta,

Nov 14, 2017

BitStix is a cream-covered biscuit-cookie snack that proves playing with your food isn’t always a bad thing. Here at BitStix, we are dedicated to our customers. We want to make sure you enjoy our finest snacks, made only with the

letterheads

best ingredients and filled with plenty of smiles, inside and out. BitStix was founded on the belief that children should live their childhoods to the fullest--and that includes playing, building, and imagining. Our cookie product not only makes a great snack during snacktime, but also supports your child’s outstanding imagination and wonder. BitStix will always positively support our community and future. We would like to express our sincere appreciation for visiting us and making your purchase! Thank you so very much for your support of our company. We’re glad that you found what you were looking for. It is our goal that you are always happy with what you bought from us, so please let us know if your buying experience was anything short of excellent. We look forward to seeing you again. Have a great day! Warm regards,

Michelle Quach, CEO

BitStix uses three variations of letterhead designs according to BitStix’s three main flavors. Each color corresponds to a different www.bitstix.com 415.123.4567 8900 Market Street, San Francisco, CA 94104

www.bitstix.com 415.123.4567 8900 Market Street, San Francisco, CA 94104

BITSTIX

BITSTIX

Cookie Kutta,

Cookie Kutta,

1 Shields Avenue,

1 Shields Avenue,

Davis, CA 95616

Davis, CA 95616

Dear Cookie Kutta,

Nov 14, 2017

BitStix is a cream-covered biscuit-cookie snack that proves playing with your food isn’t always a bad thing. Here at

Dear Cookie Kutta,

department of our company: Design, Marketing, and Logistics and Distribution,. The front of the letterhead features the BitStix

Nov 14, 2017

square logo flush left, with the company information flush right.

BitStix is a cream-covered biscuit-cookie snack that proves playing with your food isn’t always a bad thing. Here at

BitStix, we are dedicated to our customers. We want to make sure you enjoy our finest snacks, made only with the

BitStix, we are dedicated to our customers. We want to make sure you enjoy our finest snacks, made only with the

best ingredients and filled with plenty of smiles, inside and out.

best ingredients and filled with plenty of smiles, inside and out.

BitStix was founded on the belief that children should live their childhoods to the fullest--and that includes

BitStix was founded on the belief that children should live their childhoods to the fullest--and that includes

playing, building, and imagining. Our cookie product not only makes a great snack during snacktime, but also

playing, building, and imagining. Our cookie product not only makes a great snack during snacktime, but also

supports your child’s outstanding imagination and wonder. BitStix will always positively support our community

supports your child’s outstanding imagination and wonder. BitStix will always positively support our community

and future.

and future.

We would like to express our sincere appreciation for visiting us and making your purchase! Thank you so very

We would like to express our sincere appreciation for visiting us and making your purchase! Thank you so very

much for your support of our company. We’re glad that you found what you were looking for. It is our goal that

much for your support of our company. We’re glad that you found what you were looking for. It is our goal that

you are always happy with what you bought from us, so please let us know if your buying experience was

you are always happy with what you bought from us, so please let us know if your buying experience was

anything short of excellent. We look forward to seeing you again. Have a great day!

anything short of excellent. We look forward to seeing you again. Have a great day!

Warm regards,

Warm regards,

Michelle Quach, CEO

Michelle Quach, CEO

The body paragraph font is Gotham Narrow Extra Light at 10/16. All text is set at Optical Kerning. The back of the letterhead uses the middle tones of each color variation set at 85% opacity with a repeating pattern of sprinkles.

business system | letterheads 15


8900 Market Street, San Francisco, CA 94104 www.bitstix.com

BITSTIX

envelope The front of the envelope is designed to be quickly and clearly read by postal workers and recipients. The return address includes the company logo and contact information. The addressee and company names are in Gotham Narrow Medium and all formal addresses are in Gotham Narrow Extra Light. The font is set at 10/14 and all kerning is Optical. The bottom of the envelope features a small amount of sprinkles, to match the subsequent letterhead designs. The back of the envelope includes a flap that incorporates the isometric logo in a repeating pattern as seen in the business cards.

16 business system | envelope


business system |

17


| advertising


Advertising advertising | 19


website BitStix aims to be a global, all-encompassing brand. To achieve this, BitStix’s website will be implemented with a minimalist, user-friendly design to expand our company image. The website features an online shop for BitStix merchandise, information about our company, and career opportunities for individuals and brand partnerships.

BITSTIX

ABOUT

SHOP

CAREERS

SUBSCRIBE

BitStix Mug The perfect mug for dipping BitStix in.

Design Pink logo Quantity 1

$15 ADD TO CART

ABOUT THIS ITEM No table is complete without a mug! Grab this mug today, pour in milk, and get ready to dip and dunk your favorite biscuit-cookie flavors.

DETAILS An enamelled white mug, printed in the USA.

advertising | web and mobile

SIGN IN


mobile app game BitStix’s core visuals are inspired by game design so as an homage, BitStix will have a mobile app game that encourages children to solve puzzles and practice cognitive skills. The app is a puzzle game where the goal is to clear out the BitStix cubes by finding matches. The more matches found, the higher the score. The app is designed to be used on iOS devices, which are more widely used and accessible to

BITSTIX

children.

Now available as a matching puzzle game!

Time: 36

BITSTIX Play Score: 1300

High Scores

?

?

advertising | website and mobile

21


signage BitStix is advertised on large billboards, posters, and bus stop signs. The graphics feature the BitStix logo, a white outlined icon at 50% opacity, and the company’s tagline, “Play with your food.” The logotype must always be prominently displayed. Graphics should also feature information about BitStix’s website and mobile game app.

22 advertising | signage


storefront BitStix’s storefront is a retail space for BitStix merchandise and food products. The shopfront has an awning and colorful window displays to attract visitors. Besides the building, the BitStix logo will be located on the store on a hanging wall sign and as a window decal.

advertising | storefront

23


store branding The store branding includes screenprinted canvas aprons, which will be used as employee uniforms. BitStix stores will use paper bags in compliance with the company’s commitment to being environmentally friendly. The paper shopping bags feature the BitStix icon and logotype with a white outline of the icon at 50% opacity in the background.

24 advertising | storefront


delivery vehicles The delivery vehicles will have vinyl decals that wrap completely around the cars. Each vehicle will feature a design with a seamless sprinkle pattern at 50% opacity. On the smaller cars, the square variant logo is placed on the driver side door. On the larger van, the picture logo is placed largely near the trunk and the logotype is placed on the driver side door. The smaller cars are used for promotional events and the larger vans are used for delivering BitStix products.

advertising | delivery

25


t-shirts

merchandise BitStix will feature brand merchandise such as apparel in the form of t-shirts and canvas tote bags. The apparel will offer a limited range of colors and designs as displayed below. The multiple colors will appeal to a wider audience as well as showcase BitStix’s flavors. Merchandise will be available for purchase on BitStix.com and at BitStix stores. BitStix will also distribute apparel to employees and customers for promotional and sponsored events because we aim to cultivate a friendly, laid-back culture with our community.

canvas tote bags

26 advertising | merchandise


enamel mug

merchandise BitStix merchandise will also include novelty items, like toys, and stationary to appeal to children. The mugs and pins are aimed at a teenage and young adult audience. Items will be offered for sale on BitStix’s website and in BitStix stores. Items can also be offered as promotional items.

decal stickers

enamel pin

Rubik’s cube

notebook and pencil set

advertising | merchandise

27



Questions? COmments? Michelle Quach michelle@bitstix.com 415.123.4567 bitstix.com 8900 Market Street, San Francisco, CA 94104



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.