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