Bitswift Brand Guidelines
Total Page:16
File Type:pdf, Size:1020Kb
Brand Guidelines Manual First Edition January 2017 Bitswift Technology Brand Guidelines: First Edition / Introduction 1 The standard identity for Bitswift Technology. This document provides the brand outline and logo usage guidelines for the purpose of brand consistency. These guidelines are periodically updated. For an up-to-date version, please contact Paul Busch. The Bitswift brand was developed by Jon Allison Design. For more information please visit jonallison.com or email [email protected]. © 2017, Bitswift Technology. 1st Edition, January 2017. Table of Contents Brand Identity 6 Understanding the Logo 7 Bitswift Logo 8 Logo Variations 10 Logo Specifications 12 Colour 14 Typography Brand Application 25 Proper Logo Usage 27 Improper Logo Usage 28 Minimum Logo Size 29 Icons 30 The Grid 31 Apparel 32 Social Media Brand Identity This section includes the visual standards for the brand identity. These standards provide instruction for understanding, using, and supporting the logo correctly and effectively. » Understanding the Logo » Bitswift Logo » Logo Variations » Logo Specifications » Colour » Typography Bitswift Technology Brand Guidelines: First Edition / Brand Identity Understanding the Logo 6 Understanding the Logo The inspiration behind the Bitswift logo comes the new model of IT, a decentralized network that enables digital transformation. The hexagon, inspired by the formation of honeycomb, represents connectivity and order. The points are rounded to convey a more personable and approachable feel. This has also been carried over into the typography. The typeface, Magion is a geometric typeface with a hint of calligraphy-inspired letter details. It’s modern, technological style is symbolic of the new era of technology that seeks to provide solutions and be user friendly. The hexagon replacing the dot on the first “i” makes the logo unique and is a simplified representation of the connectivity of technology. This is further portrayed through the grid that is used in various applications. The hexagon is green to stand out, representing the starting point for reaching a reliable solution, hiring Bitswift. Bitswift Technology Brand Guidelines: First Edition / Brand Identity Bitswift Logo 7 Bitswift Logo Logo Breakdown Symbol This section outlines the breakdown of the Signature logo and explains the purpose and use of each element. Signature The signature is the structured relationship between the symbol and the wordmark. The signature shown here is the official identity of the Bitswift brand. Symbol The symbol, also known as the green hexagon, is a dynamic mark that visually represents the Bitswift brand. Although it has been infused Wordmark with meaning, its main purpose is recognition and will naturally be associated with whatever perception a person has of the Bitswift brand. Wordmark The wordmark, as shown here, is the distinctive typographic representation of the Bitswift brand. Bitswift Technology Brand Guidelines: First Edition / Brand Identity Logo Variations 8 Logo Variations Using the Logo The guidelines in this section outline the different variations of the Bitswift logo. These variations Primary Logo exist for the purpose of consistency and flexibility within different applications. It is important that The primary logo is blue and green (available any application of the logo work within the layout as defined by the context. These variations may in Pantone, CMYK & RGB) and should be used not be modified. For further details please see the Brand Application section onpage 24. whenever possible. It may only appear in the The Bitswift logo has six variations: primary, secondary, one-colour, reversed, greyscale and black. colour specifications outlined on page 13. No These variations are outlined on the right. other colour is permitted for use with the logo. The primary and secondary variations should be used whenever possible. The other variations are Secondary Logo only intended for use when restrictions do not permit the use of the primary or secondary logos. The secondary logo is a reversed variation of the primary logo but maintains the green hexagon. It should be used in applications where the background is dark, to better contrast and legibility. One-Colour Logo The one-colour logo may only appear in blue as Primary Logo Secondary Logo outlined on page 13. It should be used sparingly. Reversed Logo The reversed logo is for applications where colour is not permitted and the background is dark, providing better contrast and legibility. One-Colour Logo Greyscale Logo Greyscale Logo When printing specifications or budget restrictions will not permit the use of colour, the greyscale variation is preferred. Black Logo The black logo should only be used Black Logo Reversed Logo where the greyscale logo does not provide enough contrast. Bitswift Technology Brand Guidelines: First Edition / Brand Identity Logo Variations 9 Using the Green Hexagon The green hexagon, a dynamic mark that can be used throughout branded materials to create a consistent image. It may not be as a stand alone mark to represent the Bitswift brand in a formal setting. It may only appear in Bit Green when being used solo. It may appear in an accent colour when being used as a shape or a graphical element. Bitswift Technology Brand Guidelines: First Edition / Brand Identity Logo Specifications 10 Logo Specifications File Formats The Bitswift logos are available in four formats. These formats have been chosen in order to provide the highest quality usability for professional design (EPS), daily use (PDF) and web (PNG, JPEG). For additional formats that have not been provided please contact Paul Busch. EPS - Vector PNG - Web Only EPS files are vector-based and can be scaled to The provided PNGs are for web use only and any size without compromising image quality. should never be scaled larger. They have a EPS files are preferred for all high quality transparent background and have been provided reproduction. EPS files cannot be opened at 400px wide at 72dpi in RGB colour format. on most computers without professional design software. JPEG - Web Only The provided JPEGs are for web use only and PDF should never be scaled larger. They do not have The provided PDFs are also vector-based and are a transparent background and should only be ideal for print and general daily use. PDF is the used where a white background is appropriate. most versatile file type and is ideal for all types The provided files are 400px wide at 72dpi in of users. RGB colour format. Bitswift Technology Brand Guidelines: First Edition / Brand Identity Logo Specifications 11 Spacing Requirements Protective Space The protective space must be maintained around all sides of the Bitswift logo to maintain visual clarity and to provide maximum impact. This space keeps the logo separate from other design elements such as typography, other logos, borders, or the edge of the document. Ratio Spacing It is important that the Bitswift logo always abides by the correct ratio and alignment guidelines shown in the included diagrams. This is for the purpose of clarity and readability. Bitswift Technology Brand Guidelines: First Edition / Brand Identity Colour 12 Colour Colour Specifications Colour is a strong and communicative element for any visual identity and plays an important role in the visual identity of the Bitswift brand. The primary colours are blue and green. They should always be the dominate colour in all application. The secondary palette outlines the supporting colours. We have utilized the standards of the Pantone Matching System (PMS), which is a universally recognized colour matching system based on lithographic printing inks. The colour palettes include the specific spot colours and the breakdowns for the equivalent process colours (CMYK) for printing applications where Pantone colours are not possible or are outside of the budget. Also included are RGB equivalents for use in word processing and presentation software as well as hexadecimal equivalents for web applications. Using Colour When designing for the Bitswift brand, colours should be carefully chosen. When selecting colour combinations, similar tones are best used together. Colours may be tinted to create further flexibility. Be careful not to use too many colours together at one time. Colour should be used to create order, not chaos. Bitswift Technology Brand Guidelines: First Edition / Brand Identity Colour 13 Primary Palette Pantone 302 C The primary palette consists of the main colours CMYK 100.77.40.30 used to represent the Bitswift brand. When RGB 0.59.92 designing for the Bitswift brand, these colours are to be used and may be supported by the Bit Blue HEX 003b5c secondary palette. The Bitswift brand has been designed in Pantone 368 C primarily blue and green. Other colours beyond CMYK 58.1.100.0 these palettes may be used sparingly where RGB 120.190.67 preferred and deemed appropriate, but must Bit Green HEX 78be43 never overpower the primary palette. Should the exact colours not be available, the closest available colours may be used. Secondary Palette Pantone 300 C Pantone 297 C The secondary palette is designed to support CMYK 100.62.7.0 CMYK 51.5.3.0 and complement the primary palette. This RGB 0.92.185 RGB 110.196.233 palette provides additional tones based on the primary palette. These colours allow for Mid Blue HEX 005cb9 Light Blue HEX 6ec4e9 flexibility and variety in design. They are ideal for use in backgrounds, titles, graphs, and other supporting design elements. Pantone 362 C Pantone 7487 C CMYK 74.15.100.2 CMYK 47.0.80.0 RGB 78.157.45 RGB 139.220.101 Dark Green HEX 4e9d2d Light Green HEX 8bdc65 Pantone 430 C Pantone 428 C CMYK 54.41.38.4 CMYK 23.17.17.0 RGB 125.134.140 RGB 195.198.200 Dark Grey HEX 7d868c Light Grey HEX c3c6c8 Bitswift Technology Brand Guidelines: First Edition / Brand Identity Typography 14 Typography Typography is a strong extension of our brand’s personality and plays a major role in creating a consistent look for Bitswift across all communications and promotional material.