Brand Guidelines Brand manual | 2018
Table of content 01. Introduction 4lements! who we are
02. Logo and Tagline Primary version construction and Clearspace Logo sizing Variations Tagline
03. Logo Usage Formats Correct logo usage Incorrect logo application Do’s and dont’s
04. Typography Font usage C.font 1 C.font 2
05. Colors Color usage
06. Web Design Color Fonts Navigation Grid system
07. Social Media Facebook guidelines Instagram guidelines Twitter guidelines
Bra n d Sty le Guide
08. stationary Business card Letterhead Envelope Official stamp Shopping bag Shop signage T-shirt
09. Screensavers
10. Product Packaging Internal package External package Design layout of external package
11. Contact Info
Bra n d Sty le Guide
Introduction Our Company needs to manage how its brand is represented across all visual media in various different situations. The corporate identity system in this document has been created to fulfil this purpose and the guidelines herein explain how to correctly depict and embody our brand consistently across different applications and in various markets to maintain the integrity of Our Company.
Bra n d Sty le Guide
4 elements! Who we are? we are a multinational company specialized in tobacco products. 4 elements is new technology of dark leaf tobacco from ( Nikaragua, Cuba, Brazil and Domonican Rebublic ) that we age it in oak barrels for 6 years to infuse the flavours and the aroma and the nicotine contraction, the end result flavourful smoke, thick smoke clouds and longer smoking session. We have four flavours earth, wind, fire and water.
Bra n d Sty le Guide
Logo and Tagline Our logo is considered an asset. We took our time developing our brand so please respect its usage.
Bra n d Sty le Guide
Primary Version The supporting typeface and collateral are clean and minimalist to reinforce our identity as a quality, professional organization. This is the preferred versions of the logo for all printed collateral including all printed publications, advertising, billboards, posters, flyers and product packaging.
Graphic element
logotype
Tagline
Bra n d Sty le Guide
Construction and clear space Area around the logo shows how close to the edge of printed medium logo can be placed. Empty area around the logo cannot be distributed by any elements in any case. On all sides, the exclusion zone should be measured from the farthest edge of the logo. No element, other than our tagline, may encroach on this space.
Minimum Clear space =
Bra n d Sty le Guide
Logo sizing To make sure our logo is always visible we’ve determined a minimum display size for the digital and print applications.
Minimum print size is 5’ wide minimum digital size is 200 pixels wide
Bra n d Sty le Guide
Variations The color usage is fairly minimal. The logo will be used in black or white against neutral backgrounds, use the white version for black backgrounds and the Primary version for white backgrounds. Colors and combinations other than the following types shall be prohibited.
Version Black Bra n d Sty le Guide
Version White
Tagline The tagline may be written in two fonts. Gotham Bold or Myriad Bold . Use at your discretion, but balance of the type style, size and weight of font should always be considered when executing design.
. F O U R E L E M E N T S ONE UNIVERSE
. FOUR ELEMENTS ONE UNIVERSE
Bra n d Sty le Guide
Logo usage We want to look good all the time, so take time to consider how to apply our logo.
Bra n d Sty le Guide
Formats Logos are available in a variety of formats, such as EPS, PDF, PNG and JPG. Both EPS and PDF formats are used for print media and can only be opened using specific software. JPG and PNG formats are mainly used for digital media.
Correct Logo placement Different formats require the logo to be placed in different positions, but as a general rule official logo should be placed in the top right-hand corner. However, best judgment should be exercised on a caseby-case basis, and there are many exceptions to the general rule.
Incorrect logo applications or Usage You must not change the shape or color of the logo, make it fuzzy, add text to it, change its proportions, crop it or in any other way change the original design. These rules apply to all versions of the logo.
Bra n d Sty le Guide
DO’s and Don’ts We don’t want to come across all doom and gloom, but there is a right way and a wrong way to present our logo.
01. If it’s unavoidable to sit the logo on a color or a photo, use the negative logo. 02. Do not rotate or stretch the logo. 03. Do not place the logo on the wrong colors. And never add other colors to the logo. 04. Do not add other elements to the logo like letters, boxes or frames etc. 05. Do not produce or use line art logo. 06. Do not use the logo on backgrounds that are not in good contrast with the logo. 07. Do not add embellishments like drop shadows, embossing etc. to the logo.
Bra n d Sty le Guide
Incorrect Usage Don’t start making stuff up, okay. This is the logo.
4 ELEMENTS Undesignated color
Wrong font
Transformed
Gradation
Line art
Effects
Bra n d Sty le Guide
Typography Typography is the backbone of design, getting it right is paramount.
Bra n d Sty le Guide
Font Usage Text for correspondence and publications should preferably be set in upper and lower-case, and flush left with ragged right. Capitalization should never be used for body text, but is acceptable for headings.
Corporate font 1 The font family to be used is Gotham. Stylings to be used are light, regular, italic, bold. When translating texts in graphic work, original fonts can be used.
Gotham ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*( ) Bra n d Sty le Guide
Corporate font 2 Our second corporate font is Myriad pro, which is used in our corporate logo or brand mark. This font is best used for our logo and can also be used where needed.
Myriad pro ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*( )
Bra n d Sty le Guide
colors Our colors define our brand. We’re bold, bright and confident. Simple and to the point.
Bra n d Sty le Guide
Color Usage The main colors or primary color palette of our brand are blue and Orange. Color references are included for CMYK, RGB and HEX Values for consistency across different media. Where possible, the logo should be reproduced in the CMYK color process. Equivalent colors can be composed using the RGB and HEX references included when the logo is to used digitally
BLUE
ORANGE
BLACK
COLOR CODES
COLOR CODES
COLOR CODES
CMYK - 60, 32, 0, 23 RGB - 79, 133, 196 HEX - #4f85c4
CMYK - 0, 63, 84, 6 RGB - 240, 90, 38 HEX - #f05a26
CMYK - 0, 0, 0, 100 RGB - 0, 0, 0 HEX - #000000
Bra n d Sty le Guide
web design That’s just for starters... Here is a few more things you should know.
Bra n d Sty le Guide
Color The basic color for the websites is always Orange, Blue and Black. Use main color 1to highlight some articles. The photos have always to be in good contrast with the website and logo.
About
About
Home
Bra n d Sty le Guide
Contact
Contact
Fonts The fonts Gotham and Myriad pro can also be used on the web. The Gotham font is always used for the big headlines, Myriad pro for the basic text and smaller headlines.
Home
SAM NOBITEM QUIDEST
SAM NOBITEM QUIDEST
Dioresto odis ut es et facepedi commolu ptatis earit vendanim fugitatem. Ruptatisto quiaes dit laccaerum volor accum et harum doluptatis di to mi, nonet fugiae. Dolesto tatiasit inullam
Dioresto odis ut es et facepedi commolu ptatis earit vendanim fugitatem. Ruptatisto quiaes dit laccaerum volor accum et harum doluptatis di to mi, nonet fugiae. Dolesto tatiasit inullam. Dioresto odis ut es et facepedi commolu ptatis earit vendanim fugitatem. Ruptatisto quiaes dit laccaerum volor accum et harum doluptatis di to mi, nonet fugiae. Dolesto tatiasit inullam.Dioresto odis ut es et facepedi commolu ptatis earit vendanim fugitatem. Ruptatisto quiaes dit laccaerum volor accum et harum doluptatis di to mi, nonet fugiae. Dolesto tatiasit inullam.
Navigation The navigation is always on the top, right beside the logo. Use uppercase letters for it.
About
SAM NOBITEM QUIDEST
Bra n d Sty le Guide
Home
Contact
Grid System Grid systems are used for creating page layouts through a series of rows and columns that house your content. Here are some examples.
MORE EXAMPLES FOR SCREEN GRID 16:9
Bra n d Sty le Guide
Social media Social media is a place to be creative, engage with your audience, and reinforce key messaging surrounding your individual department. While language and content are often less strict on social media than on our official websites and publications, you should take care that your social media channels still represent 4 elements appropriately and consistently. Our social media brand guidelines will help you maintain a suite of social presences that are presentably cross-branded across the Company without any confusion as to what’s official and what’s not.
Bra n d Sty le Guide
Be Creative What social personality do you want to convey? Consider your profile and background images to be extensions of your web presence. Social media is your opportunity to give yourself a consistent, recognizable look and feel. Be creative. Be unique. Be yourself.
Profile & Background Pictures When adding profile or background images to social media accounts:
•Do use an iconic and identifiable photograph as your graphical representation. Consider using a portrait or a photo of your location. •Don’t use a 4 elements logo as your graphical representation, unless it appears in a photo.
Bra n d Sty le Guide
Facebook Guidelines Explanation
Here you will find the social media guidelines for Facebook. This will help you to prepare your Posts in correct way and give you the best possibilities to provide images and media links to your audience. This will help you to have the most effective interaction with your social media fans or visitors.
•Profile picture
Use brand’s official Avatar as profile picture.
•Vanity URL
This can never be changed, so choose carefully. Consider establishing a consistent naming convention; for example: twitter.com/4 elements, facebook.com/4 elements, and flickr.com/4 elements.
•Page name
No character limit.
Bra n d Sty le Guide
•Page type
Under “Official Page,” select “Local Business”.
•Timeline cover photo
This is the first thing visitors to your Timeline see, so the cover photo should be engaging, and sized 851 x 315 pixels. and use brand provded timeline photo.
Facebook header
Profile picture
Facebook Bra n d Sty le Guide
Instagram Guidelines Explanation
Here you will find the social media guidelines for Facebook. This will help you to prepare your Posts in correct way and give you the best possibilities to provide images and media links to your audience. This will help you to have the most effective interaction with your social media fans or visitors.
•Profile picture
Use brand’s official Avatar as profile picture.
•Name
Be as specific and descriptive as possible within the 30-character limit.
•Location
If you’re near 4 elements’s Studio, use 4 elements as your location.
•Bio
Be as specific and descriptive as possible within the 150-character limit. Use this space to promote
Bra n d Sty le Guide
hashtags that are important to your department.
•Website
Link to your 4 elements.com website.
Profile picture
Bra n d Sty le Guide
Twitter Guidelines Explanation
Here you will find the social media guidelines for Facebook. This will help you to prepare your Posts in correct way and give you the best possibilities to provide images and media links to your audience. This will help you to have the most effective interaction with your social media fans or visitors.
•Profile picture
Use brand’s official Avatar as profile picture.
•Background
Use an image cropped to 1600 pixels x 1200 pixels. Avoid busy, repeating backgrounds.
•Name
Be as specific and descriptive as possible within the 20-character limit.
•Location
If you’re near 4 elements, use 4 elements as your location.
Bra n d Sty le Guide
•Bio
Be as specific and descriptive as possible within the 160-character limit.
•Website Link to your website on 4 elements.com.
•Twitter URL
Matches your account name. Twitter header
Profile picture
Twitter Bra n d Sty le Guide
Stationary When it comes to developing the stationery, consistency is the key for all layouts and designs.
Bra n d Sty le Guide
Official Stamp
Bra n d Sty le Guide
Business card our corporate business card is designed as multi layered (triplexing) by sticking three different pieces of stock together. Creating a sandwich of card, with texture pressed front background . Back of our business card is plain. This design make our business cards more interesting and visually pleasing!
Front
Bra n d Sty le Guide
Back
Multi layered business card
Bra n d Sty le Guide
Letterhead Clean and simple, we designed our stationary to align with our visual system. The letterhead features the logo in the left of the top with the business contact information at the bottom.
DIMENSIONS:
DIN A4 PA P E R :
100 g/m² offset white Bra n d Sty le Guide
Envelope The envelope will be used for all official contact and communication of our company. These are the approved layouts. Other formats are also allowed.
4 ELEMENTS | 345 SPRING AVENUE | SOMEWHERE WONDERLAND
DIMENSIONS:
DIN lang C5 PA P E R :
80g/m² offset white paper
Bra n d Sty le Guide
Official Seal
Bra n d Sty le Guide
Shopping bag Approved layout of our corporate paper shopping bag.
DIMENSIONS: 345 mm x 490 mm PA P E R : 350 g/m² glossy white paper
Bra n d Sty le Guide
Shop signage
Bra n d Sty le Guide
Corporate t-shirt Our corporate t-shirt design ,which can be used for promotional purposes and also as a uniform.
Front
Bra n d Sty le Guide
Back
Screen savers When it comes to developing the digital screening, consistency is the key for all layouts and designs.
Bra n d Sty le Guide
Screen savers Following are the approved layouts of screen savers for PC and mobile phones.
Cell phone
Bra n d Sty le Guide
PC
Bra n d Sty le Guide
Product packaging Merchandising throu attractive packaging is an effective marketing tool it not only demonstrates professionalism but also attract new clients.
Bra n d Sty le Guide
Internal Package Inner packaging is what keeps your product nestled safely in the outer packaging. Our internal package is unique its a wood barrel, which keeps our product safe and fresh.
External Package Outer or external packaging is the first thing a customer is going to see. It’s what protects your product from the elements. External package of our product is a paper box , with our brand name and logo on it.
External Package design layout The following is the recommended design layout for 4elements product packaging. It emphasizes the 4elements brand, is free of distracting elements, and moves most product information to a printed label instead of being printed on the box itself.
Bra n d Sty le Guide
External Package
Bra n d Sty le Guide
Hostess uniform Setting standards are good for cosistant feel of brand.
Bra n d Sty le Guide
Exhibition Uniform Hostess must have to follow the rules for uniform during exhibitions or brand promotion.
Hostess uniform
Bra n d Sty le Guide
Dress Black midi dress that features a sleeveless bodice, a plunging V neckline with narrow straps.
Shoes Black Single Strap Heels.
Jewellery Earrings and bracelet.
Bra n d Sty le Guide
Contact info If you have any questions, please feel free to get in touch with us.
info@4elementstobacco.eu www. 4elementstobacco.eu
Bra n d Sty le Guide