how we look
This is a guide to the basic elements that make up the Buzzbox brand. Read through and learn what makes us tick.
CONTENTS
04 06 10 14 20 22 24 34 38 41
Logo Grid Do’s and don’ts Typeface Colours Pattterns Photography Patterns & photohraphy Icons Website
OUR LOGO Respect: Treat our logo with the dignity it deserves. No overcrowding or draping it with unnecessary stuff. Don’t even think of remaking it in Comic Sans or in putrid colours. This sounds like we’re being pedantic but there’s plenty of stuff you can do.
01 PRINT LOGO This logo is for use on all printed collateral: all printed publications, advertising billboards, posters, flyers and product packaging.
02 DIGITAL LOGO This logo is for use in all screen work: websites, video graphics, banners, apps and presentations for example. Please ensure you are using the most up to date version.
Both the print and digital logos are available in a negative version.
01
02
GRID Our logo is built on a grid system. You can use this grid to define a safe area around the logo.
over: You can also use the same grid to help align the logo in your layouts.
Here is an example header Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Here is an example header Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Do’s and don’ts. We don’t want to curb anyone’s creativity but here are a few examples of things that really should be avoided.
01 Buzzbox main logo Where possible always use the main logo on a white background 02 Colour background don’t use the primary logo with anything other than the Buzzbox primary colour palette (white, Buzzbox yellow and black). 03 Reverse logo The reverse logo is for use on Black only 04 Don’t use the primary logo directly over an image 05 Dont rotate the logo 06 Colour background don’t use the primary logo with anything other than the Buzzbox primary colour palette 07 Dont apply outlines, drop shaddows etc to our logo
LOGO VARIATIONS. deally we will always use our primary logos but we have black-out and white-out flat variations available in a crisis!
OUR TYPEFACE The typeface. Proxima Nova is our corporate font. Proxima Nova thin for headlines You will also need to tighten the kerning a little bit at larger sizes. The larger the font the tighter the kerning will need to be.
Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
OUR TYPEFACE The typeface. Proxima Nova is our corporate font. Proxima Nova regular for body copy.
Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
OUR TYPEFACE The typeface. Proxima Nova is our corporate font. Proxima Nova Bold for sub headings (these should be small and usually caps)
Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
SUB HEADING IN BOLD CAPS
Heading
COLOURS Our colours are Yellow, black,white and sometimes grey.
Buzzbox Yellow CMYK 1/122/100/0 RGB 255/198/0 HEX #ffc600 100%
Buzzbox Grey CMYK 71/65/64/69 RGB 38/38/38 HEX #262626 100%
PATTERNS Sometimes we like to splash out on a hexagonal pattern – in solidarity for the bees, man. This is set as an overlay effect in photoshop over our brand yellow. (The PSD file inc vector overlay is included in the Buzzbox brand pack.)
PHOTOGRAPHY Our photography is happy, vibrant and sunny. We like hazey days. Nothing too sharp. Definitely nothing staged or posed! Natural and vibrant is the Buzzbox way.
PHOTOGRAPHY & PATTERN COMBINATION We like to overlay our pattern over photographs. Use Photoshop’s overlay and gradient effects. (There is a master Photoshop file in the Buzzbox brand pack.)
ICONS We have an icon pack for use in print and digital. These are available as, svg, png & typicons font for moble/high resolution screens.
WEBSITE This is a suggestion for our website design. The design should be clean, crisp and responsive. The Website will use combinations of all our brand elements... dont go mad though, less is more!
WEBSITE GRID We like a good grid. Although the site should be fluid and responsive the typography design should be based on a grid system.