Swipekings Brand Guidelines

Page 1

SWIPEKINGS


Table of Content Introduction

2

Colors

4

About us

5

Color Presentation Primary Colors Secondary Colors

17 18 19

About us

3

Typography

5

7 8 9 10 11 12 13 14 15

Primary font Secondary font Font Hierarchy

21 22 23

Primary Logo Logo Variations Logo Mark Clear Space Minimum Size Monochromatic Logo Incorrect Usage Background Positioning

Brand Guidelines

2


Welcome

This brand identity guideline has been developed to ensure consistent application for SwipeKings brand. The visual identity is more than just a logo. It is the combination of several components that give our brand its distinct visual look and feel. The brand identity includes the logo, colours, graphic elements and typography styles. It is essential that these guidelines are followed to enable strong and consistent application of the visual style across all media. This will build audience brand awareness and recognition.

3


INTROCUTION INTROCUTION

Brand Guidelines

4


INTROCUDTION

About us We are a business focused on protecting user debit/credit cards from thieves, RFID/Magstripe data from cards. Our product applies an overlay on user's cards to hide their data from skimmers and rfid criminal devices. We would like our branding to be very serious, cyber security-focused.

5


OUR LOGO

SwipeKings logo is the main visual element that identifies a brand. The logo is a combination of the company name and icon.

Brand Guidelines

6


OUR LOGO

Presentation

The SwipeKings primary logo lock-up consists of two elements: Logomark and the wordmark. The primary logo and wordmark are the official trademarks and primary symbols of the SwipeKings brand. They are not permitted to be altered or re-proportioned in any way, except as specified in this manual. Font: Proxima Nova Alt Bol

SWIPEKINGS

Brand Guidelines

7


OUR LOGO

Variations

Most of the time, we will stick to our primary logos, but there will be times when it makes more sense to use secondary options for any variation of the ideal set of circumstances required by the primary logo to be displayed properly. These secondary logos still feel cohesive and at home with the rest of our identity, but are used on more of an as-needed basis.

SWIPEKINGS

SWIPEKINGS

To maintain art integrity, it must be reproduced from original files.

SWIPEKINGS

SWIPEKINGS

Brand Guidelines

8


OUR LOGO

Logomark PRIMARY VERSION

WHITE

CLEAR SPACE

Th brandmark is our symbol. This symbol can be used alone to reinforce our brand or when we can't use the primary or secondary logo due to restricted space. There are a couple of different ways to use it but always keep in mind that the clear space around the brandmark is equivalent to 1/2 of its height.

BLACK

Brand Guidelines

GRAY-SCALE

FAVICON

9


OUR LOGO

Clear Space

Our logo is what connects with customers and it is the #1 item that costumers will associate with our brand, therefore it needs to stand out. Respecting the perfect amount of clear space will give our logo the optimal legibility, visibility, prominence, and impact. Do not place any text, graphics or images within this area of clear space. The example here shows the minimum amount of space required. Whenever possible, more clear space than the minimum shown here is preferred.

SWIPEKINGS

SWIPEKINGS

The primary logo clear space is

The primary logo clear space is

1/2 of the height of the logo.

1/2 of the height of the logo.

*These rules apply to all the logo variations.

Brand Guidelines

10


OUR LOGO

Minimum Size

The logo should not be reproduced smaller than the specified minimum size, as doing so compromises its readability. Just as the logo should not be shown smaller than the minimum size, it should also not be made proportionally too large for its intended usage. To make sure our logo is always visible we've determined a minimum display size for the digital usage (in pixels) and printed material (in millimeters and inches). The minimum sizes described are applicable for displays of 72 DPI. If the display screens have higher DPI/retina minimum size should be adapted proportionally.

94 px • 25 mm • 1”

38 px • 10 mm • 0.4”

Brand Guidelines

SWIPEKINGS

SWIPEKINGS

11


OUR LOGO

Monochromatic Logo

A monochrome logo is a black, white or gray version of your logo. It is therefore made up of a single colour without tints/percentages. Common uses for a monochrome logo include the following: Faxheads: Because of the loss of tonal details when a document is faxed, a monochrome logo is the best format for the retention of clarity and legibility.

SWIPEKINGS

Unusual surfaces: Some applications of your company logo requires the use of a monochrome logo. Common examples include sandblasting onto glass (traditional or vinyl application), engraving in wood/metal/plastic or embroidering onto uniforms. Collaborations: There are situations where your logo will be featured alongside some other brands, eg. corporate sponsorships, collective projects and other collaborations. The easiest way to prevent visual clutter in the design space and let everyone have an equal share of the brand real estate is to present all the logos in monochrome.

Brand Guidelines

SWIPEKINGS

12


OUR LOGO

Incorrect Usage

1. Don’t change the colors

1

3 13

2

2. Don’t add an outline to the logo 3. Don’t put the logo on a background without sufficient contrast

SWIPEKINGS

SWIPEKINGS

SWIPEKINGS

4. Don’t modify the logo 5. Don’t rotate the logo

4

5

6

6. Don’t change the opacity

GS

IN IPEK

SWIPEKINGS

SW

SWIPEKINGS

7. Don’t stretch or condense the logo 8. Don’t change the font 7

8

9

9. Don’t crop the logo

SWIPEKINGS

Brand Guidelines

SWIPEKINGS

SWIPEKINGS

13


OUR LOGO

Background Usage

The following represents the ideal logo-background matching. The main rule is that the logo must be clearely readable, and the primary color set should be used whenever possible, so the designer has the freedom of choice with respect to these rules.

SWIPEKINGS

SWIPEKINGS

Brand Guidelines

SWIPEKINGS

SWIPEKINGS

14


OUR LOGO

Positioning

The following represents the recommended positioning options for the logo.

Building signage:

Packaging:

Tradeshow:

Primary exterior

Box

Primary view

Documentation

Secondary view

PowerPoint:

Business card:

Advertising:

Title page slides

Front and back

Single pages

Section dividers

Websites: Homepage Secondary pages

Brand Guidelines

Collateral: Cover vs. interior

15


COLORS

Color plays an important role in the our brand identity. The primary colors reflect the one voice color scheme. The secondary color schemes are for variations and sub brands.

Brand Guidelines

16


COLORS

Presentation

Color is an integral part of brand identity. Consistent use of the colour palette not only reinforces the cohesiveness of the brand, but also serves a psychological purpose by communicating certain feelings to our audience. Our color palette consists of the following colors:.

• Primary colors: Black • Accent colors: Green and Blue • Secondary colors: Grey and dark grey

Brand Guidelines

17


COLORS

Primary Colors

HEX Hexadecimal color code is a way of specifying color using hexadecimal values. The code itself is a hex triplet, which represents three separate values that specify the levels of the component colors. The code starts with a pound sign (#) and is followed by six hex values or three hex value pairs RGB (Red-Green-Blue) refers to a system for representing the colors to be used on a computer display. Red, green, and blue can be combined in various proportions to obtain any color in the visible spectrum.

Primary

Black HEX RGB CMYK

00000 0 0 0 0 0 0 100

CMYK (Cyan-Magenta-Yellow-Black) is a color model in which all colors are described as a mixture of these four process colors. It is the standard color model used in offset printing for full-color documents.

Brand Guidelines

18


COLORS

Secondary and Accent Colors

HEX Hexadecimal color code is a way of specifying color using hexadecimal values. The code itself is a hex triplet, which represents three separate values that specify the levels of the component colors. The code starts with a pound sign (#) and is followed by six hex values or three hex value pairs RGB (Red-Green-Blue) refers to a system for representing the colors to be used on a computer display. Red, green, and blue can be combined in various proportions to obtain any color in the visible spectrum. CMYK (Cyan-Magenta-Yellow-Black) is a color model in which all colors are described as a mixture of these four process colors. It is the standard color model used in offset printing for full-color documents.

Brand Guidelines

Accent colors

Green HEX 4eb7a1 RGB 78 183 161 CMYK 70 0 31 0

Blue HEX RGB CMYK

2e92c1 46 146 193 84 17 0 0

Secondary colors

Grey

Light Grey

HEX RGB CMYK

HEX RGB CMYK

474341 71 67 65 24 21 19 63

b8b5ab 184 181 171 20 15 17 10

19


TYPOGRAPHY

Typography is another important style item of SwipKings brand. The following type hierarchy is used to ensure consistent style across all brand communications.

Brand Guidelines

20


TYPOGRAPHY

Primary USAGE We have selected Lato (TT) as our primary corporate font, which allows us to effectively communicate our messages to our audience. The careful use of typography reinforces our brand personality to our valued customers.

Aa

DESCRIPTION Lato (typeface) Lato is a humanist sans-serif typeface designed by Ĺ ukasz Dziedzic. The name "Lato" is Polish for "summer". As of August 2018, Lato is used on more than 9.6 million websites, and is the third most served font on Google Fonts, with over one billion views per day.

CHARACTERS

FONT SPECIFICATION FONT NAME : Lato USE: Body text STYLE : Sans Serif DOWNLOAD LINK: http://www.latofonts.com/lato-free-fonts/

GLYPH

Lato ABCDEFGHIJKLMNOTUVWXZ 0123456789 abcdefghijklmnopqrst ?<>-+()$%&#@!/={} Regular abcdefghijklm nopqrstuvwxz 0123456789

Brand Guidelines

Bold ABCDEFGHIJKLM NOPQRSTUVWXZ 0123456789

Light ABCDEFGHIJKLM NOPQRSTUVWXZ 0123456789

21


TYPOGRAPHY

Secondary font USAGE Helvetica is used as an alternate font for headings and subheadings.

DESCRIPTION Helvetica or Neue Haas Grotesk is a widely used sans-serif typeface developed in 1957 by Swiss typeface designer Max Miedinger with input from Eduard Hoffmann. Helvetica is a neo-grotesque design, one influenced by the famous 19th century typeface Akzidenz-Grotesk and other German and Swiss designs.

FONT SPECIFICATION FONT NAME : Helvetica USE: Heading and subheading STYLE : Sans Serif DOWNLOAD LINK: https://freefontsfamily.com/helvetica-font-fam ily/

Aa GLYPH

CHARACTERS

Helvetica ABCDEFGHIJKLMNOTUVWXZ 0123456789 abcdefghijklmnopqrst ?<>-+()$%&#@!/={} Regular ABCDEFGHIJKLM NOPQRSTUVWXZ 0123456789

Brand Guidelines

Bold ABCDEFGHIJKLM NOPQRSTUVWXZ 0123456789

Light ABCDEFGHIJKLM NOPQRSTUVWXZ 0123456789

22


TYPOGRAPHY

Hierarchy

The text hierarchy is important in a design because it allows the reader to understand, at a glance, the order of importance of the information at hand. It is effective and recommended in any design form which features text, such as letterheads, business cards, brochure, web design.It creates contrast between elements and it is achieved through the use of typefaces, size, weight, capital and lowercase letters, orientation and color.

FONTS HIERARCHY: Headings font: Helvetica Neue Subheadings font: Helvetica Neue Bodycopy font: Lato

Lorem ipsum dolor sit amet, consectetuer adi

HEADLINES Helvetica Neue Bold Size: 40pt Leading: 44pt

Lorem ipsum dolor sit amet, consectetuer adi

SUBHEAD Helvetica Neue Light Size: 26pt Leading: 30pt

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet

LEAD-IN / PULL QUOTE Lato Regular Italic Size: 16 pt Leading: 20 pt

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio

BODY Lato Regular Size: 10pt Leading: 12pt

Brand Guidelines

23


Contact us

1 (706)-610-0017 info@Swipekings.com www.SwipeKings.com No infro , 89 Suite 201, Jackson, Wyoming 83001, USA.

Brand Guidelines

24


SWIPEKINGS This document was created by digitalgeria Š July 2020 ďŹ verr.com/digitalgeria l issuu.com/aimeddesigns


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