Leankor Style Guide

Page 1

LEANKOR

DESIGN AND BRAND GUIDELINES WE LOVE THAT BRAND.

CONTACT Address

Phone

Online

Lucidsoft Inc. (dba Leankor) 400-119 14th Street NW, Calgary, Alberta, Canada,T2N 1Z6

Toll-Free: + 1 855-600-5077 Phone: + 1 403-351-2649

Email: info@leankor.com Website: www.leankor.com Leankor Brand Collection


The Leankor Corporate Brand Guidelines 2 // 38

THE COMPANY INTRODUCTION THE DESIGN GUIDELINES These guidelines describe the visual and verbal elements that represent Leankor´s corporate identity. This includes our name, logo and other elements such as color, type and graphics. Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our company. These guidelines reflect Leankor´s commitment to quality, consitency and style.

The Leankor brand, including the logo, name, colors and identifying elements, are valuable company assets. Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Leankor name and marks.


LEANKOR

TABLE OF CONTENTS SECTION 1

|

CORPORATE LOGO

SECTION 2

|

CORPORATE TYPOGRAPHY

SECTION 3

|

TEXT HIERARCHY

SECTION 4

|

CORPORATE COLOR SYSTEM

SECTION 5

|

CORPORATE STATIONERY

SECTION 6

|

GRID SYSTEMS

SECTION 7

|

CORPORATE IMAGES

SECTION 8

|

ICONOGRAPHY

SECTION 9

|

SUMMARY AND CONTACT


01

THE CORPORATE LOGO SIGNAGE Our Logo is the key building block of our identity, the primary visual element that identifies us. The signature is a combination of

The Logo Introduction The Logo Application The Logo Elements Clearspace and computation Incorrect Logo Applications

the the symbol itself and our company name – they have a fixed relationship that should never be changed in any way.


The Leankor Corporate Brand Guidelines 5 // 38

THE CORPORATE FONTS AND TYPOGRAPHY THE FULL LOGOTYPE 1

The Leankor Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking the culture of design services - the connection between the strength of communication and the different points that influence. It has a particular relationship with the Leankor name. The Logo Type has been carefully chosen for its modern and yet refined, highly legible style. The typeface is AvantGarde-Demi Regular and has also been chosen to compliment and balance perfectly with the logo symbol. The corporate logo is presented through the use of colour as well as shape and form. The two corporate colours are Orange and Black. It is a fresh and appealing blend of colours chosen for their strong combination - modern - classic - timeless.

2

1) The Logo Symbol Consists of a powerful element evoking the culture of design services. 2) The Logo Title Carefully chosen for its modern and yet refined, highly legible style. The font that is used here is AvantGarde-Demi Regular.

1) The general Logo The main logo is the dark logo used on white or colored backround. For darker backrounds you will find an alternative below.

LOGO DARK VERSION

LOGO LIGHT VERSION

3) The Logo Dark Version will be used when the backround color ist light colored. 4) The Logo Light Version will be used when the backround color ist dark colored.

Recommended formats are: .eps | .ai | .png | .jpg | .tiff

3

4

Attention: Use of any stylized, animated, hand drawn or other versions of a inofficial logo is not permitted. This undermines the logo system and brand consistency. Please consult with Leankor Trademark Licensing if you have any questions or need further help.


The Leankor Corporate Brand Guidelines 6 // 38

LOGO CONSTRUCTION, CLEARSPACE AND COMPUTATION It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest any other graphic element or message can be positioned

in relation to the mark.of the the symbol itself and our company name – they have a fixed relationship that should never be changed in any way.

8 px 8 px 45px 8 px

CLEARSPACE

CLEARSPACE

Logo Symbol

Full Logo

1

/2 x

1

/2 x

x

1

Definition Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.

1

Computation To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).

/2 x

1

/2 x

/2 x

1

/2 x

x

/2 x

1

/2 x

1


The Leankor Corporate Brand Guidelines 7 // 38

APPLICATION ON A BACKGROUND

LOGO A

LOGO B

LOGO C

LOGO D

White with Orange Version

Colored Version

All White Version

All Black Version

MINIMUM LOGO SIZES

20 mm

5 mm

30 mm

10 mm

Logo Symbol Minimum Size: 5 mm x 5 mm

40 mm

15 mm

Full Logo Minimum Size: 20mm x 3.33 mm


The Leankor Corporate Brand Guidelines 8 // 38


02

THE CORPORATE TYPOGRAPHY Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key

The Corporate Fonts Primary Font Secondary Font Font Hierachy

information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Leankor layouts.


The Leankor Corporate Brand Guidelines 10 // 38

LOGO CONSTRUCTION, CLEARSPACE AND COMPUTATION THE FONT The old posters and signs in the traditional neighborhood of Buenos Aires called Montserrat inspirs me to design a typeface that rescues the beauty of urban typography from the first half of

the twentieth century. The goal is to rescue what is in Montserrat and set it free, under a free, libre and open source license, the SIL Open Font License.

M O N T S E R R AT A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Bold

PRIMARY FONT MONTSERRAT DESIGNER : JULIETA ULANOVSKY

-

a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Regular

a b c d e f g h i j k l m n o p q r s t u v w x y z

01234567890 ! “ § $ % & / ( ) = ? ` ; : ¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘ « ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç

Figures

Special Characters

TYPE EXAMPLES MONTSERRAT


The Leankor Corporate Brand Guidelines 11 // 38

THE CORPORATE FONTS AND TYPOGRAPHY THE FONT Source Sans Pro is a sans serif typeface created by Paul D. Hunt for Adobe Systems. It is the first open source font family from Adobe, distributed under the SIL Open Font License.

PRIMARY FONT SOURCE SANS PRO DESIGNER : JULIETA ULANOVSKY

-

The typeface is inspired by the forms of the American Type Founders’ gothics by Morris Fuller Benton with both a larger x-height and character width. It is available in six weights in upright and italic styles.

SOURCE SANS PRO Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

Regular

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

TYPE EXAMPLES SOURCE SANS PRO

Figures

Special Characters

012 34567890 ! “ § $ % & / ( ) = ? ` ; : ¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘ « ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç


03

TYPOGRAPHY AND TEXT HIERARCHY Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key

Font Hierachy

information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Leankor layouts.


The Leankor Corporate Brand Guidelines 13 // 38

CONTEXT TEXT AND INNER HEADLINES

Caption Text

Leankor Typo Source Sans Pro Regular 6 pt Type / 9 pt Leading

Copy Text

Headlines Copytext

HEADLINES AND TYPOBREAKS

Sublines Sections

Big Headlines and Title

Leankor Typo Source Sans Pro Regular 8 pt Type / 11 pt Leading

LEANKOR TYPO Montserrat Regular - Capital Letters 10pt Type / 10pt Leading

LEANKOR TYPO

Montserrat Bold - Capital Letters 16pt Type / 16pt Leading

LEANKOR TYPO

Montserrat Bold - Capital Letters 34pt Type / 30 pt Leading

Sequencer and Title for Marketing

THE HEADER

Montserrat Bold - Capital Letters 48pt Type / 48 pt Leading


The Leankor Corporate Brand Guidelines 14 // 38


04

CORPORATE COLOR SYSTEM THE PRIMARY COLOR SYSTEM AND COLOR CODES Color plays an important role in the Leankor corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which comprise the “One Voice� color scheme. Consistent use of these

The Corporate Colors Primary Color System Secondary Color System

colors will contribute to the cohesive and harmonious look of the Leankor brand identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent.


The Leankor Corporate Brand Guidelines 16 // 38

PRIMARY COLOR SYSTEM Explanation: The Leankor Company has three official colors: Orange, Black and Gray. These colors have become a recognizable identifier for the company.

PRIMARY COLOR ORANGE

v

PRIMARY COLOR DARK GREY

-

100 %

80 %

60 %

Orange Gradient

40 %

20 %

Usage: Use them as the dominant color palette for all internal and external visual presentations of the company.

-

COLOR CODES

COLOR CODES

CMYK RGB Web

CMYK RGB Web

: C004 M065 Y100 K000 : R232 G112 B008 : #e77008

COLOR TONES

THE GRADIENT

100 %

80 %

60 %

Grey Gradient

40 %

20 %

: C020 M000 Y000 K080 : R72 G81 B86 : #485155

COLOR TONES

THE GRADIENT


The Leankor Corporate Brand Guidelines 17 // 38

SECONDARY COLOR SYSTEM Explanation: The Secondary colors are complementary to our official colors, but are not recognizable identifiers for our company. Secondary colors should be used sparingly (less than 10 % of the palette in one piece.

Usage: Use them to accent and support the primary color palette.

COLOR CODES Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K

RGB Web

: R000 G000 B000 : #000000

RGB Web

: R000 G000 B000 : #000000

RGB Web

: R000 G000 B000 : #000000

RGB Web

: R000 G000 B000 : #000000

RGB Web

: R000 G000 B000 : #000000

COLOR CODES Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K

COLOR CODES Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K

COLOR CODES Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K

COLOR CODES Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K


The Leankor Corporate Brand Guidelines 18 // 38


05

CORPORATE STATIONERY INTERNATIONAL PAPER STATIONERY Stationery is a primary means of communication and it is essential that every application be a consistent reflection of our corporate identity. There is only one approved design format for all corporate and business unit stationery, although there are slight variations in size and content for different regions of the world. This section illustrates approved layouts for standard U.S.

The Company Letterhead The Company Business Cards The Envelope Logo Placement

business stationery. It includes specifications for typography, color, printing method, paper stock and word processing Stationery brand management guidelines do not include invoices, bills of lading, credit letters, business forms, checks, e-mail tags or other business processes


The Leankor Corporate Brand Guidelines 20 // 38

THE COMPANY LETTERHEAD Explanation: This shows the approved layouts with the primary elements of the Leankor stationery system for the front- and backside of the letterheads.

Usage: The letterhead will be used for all official communication that is going out of Leankor company.

PARAMETER Dimensions 297 x 210mm DIN A4

leankor

leankor

TM

TM

Optimize your workflow

Weight 120g/m Uncoated white

Optimize your workflow

Mr. Edward Simmons Troublemaker Company Main Avenue, 5th Northwest Los Angeles United States

Print Offset CMYK

Sitatume necates aut atendio rporro et lam remped quaecto idi andigni squibustrum repedip sanduci lignatem rehendae lit es id quatus sincia iliatios aut qui con ex est, occatus non et fugitius et estibus. Ut volore sum inciam earume corere dolestrum quam, sam sinctiu scipis eosam nonsequo molut fugitium venissi mollupta consed ma doluptae voluptatur, core perfersperis res delecat eniment ut officiet aut eos dis eatio voluptam, sae nis solesti onsequi corit que exerit et aut duciatur abo. Iscium reius, qui idenimus alia consendus autem ius sit, ipsandit, cullis a que sit, sinvel eum sintio torent atem eossitas sant. Fere delit, il enimint quae vit prem quo blam, untiorro beruptatus sus, aut et haruptatet adi berae nus est etur aces quiae conet ut dolorei ciurios re iur, sita quis vel ius qui venis sa corem doluptiis vendandae niti te intiasped mo denem eos eicim ni consectas dolecatus inum que volorro in restion ecullib usapitatus experch ilibusa ndanimolores venistio blacien damet, voluptae sum et quas cus res asi volorum et fuga. Eperum sante conecto ipsa accusandis ipideles alitae quas enis nonsedit, sim et odis di ut harciissum, sunt, toreptatio ilique ni voluptat a pra que dis unt eossequidel intiassimus dolupta tendae lanis ipsundi gnitatiis pella corem vene eliti auditatquis et eium inimili gendae quid ut que eum aut rem eaquissit evelibus, et abo. Sus sa sunt laborro bea sequi cum facepe sunt. Coris vit ma atur, ommoditatus. Fernam eostius ni cum fugiam fuga. It volorrum nihiliq uatur, comnimus nobis nestias comnisi officto bea dolorio dolorpos volor sitatem porest perspit, cumquas sitisciam, volores rem aruptinctur, conem lique dolorum restor autessum voles et veritat.

Lucidsoft Inc. (dba Leankor) 400-119 14th Street NW, Calgary, Alberta, Canada,T2N 1Z6

Lucidsoft Inc. (dba Leankor) 400-119 14th Street NW, Calgary, Alberta, Canada,T2N 1Z6

Toll-Free: + 1 855-600-5077 Phone: + 1 403-351-2649

Toll-Free: + 1 855-600-5077 Phone: + 1 403-351-2649


The Leankor Corporate Brand Guidelines 21 // 38

THE COMPANY ENVELOPE Explanation: This shows the approved layout with the primary elements of the Leankor stationery system for envelopes.

Dimensions 297 x 210mm DIN A4

Weight 120g/m Uncoated white

leankor

TM

Print Offset CMYK

THE COMPANY BUSINESS CARDS

PARAMETER Dimensions 85 x 55 mm

Explanation: This shows the approved layouts with the primary elements of the Leankor stationery system for business cards. Usage: The business cards will be used for all official contact and communication of Leankor company. Insert the Leankor letterhead and send your documents throughout the world.

Weight 400g/m Uncoated white

Print CMYK

leankor

TM

Peter Jackson

leankor

TM

Creative Director

leankor

TM

Lucidsoft Inc. (dba Leankor) 400-119 14th Street NW, Calgary, Alberta, Canada,T2N

Toll-Free: + 1 855-600-5077 Phone: + 1 403-351-2649

Optimize your workflow

Peter Jackson Creative Director

Lucidsoft Inc. (dba Leankor) 400-119 14th Street NW, Calgary, Alberta, Canada,T2N

Toll-Free: + 1 855-600-5077 Phone: + 1 403-351-2649


06

CUSTOMIZED GRID SYSTEMS Grid Systems Vertical Grid Systems A4 Vertical Poster Grid System A3 Horizontal Presentation Grid System Vertical Grid System for Tablets


The Leankor Corporate Brand Guidelines 23 // 38

THE LEANKOR CUSTOMIZED GRID SYSTEMS -

In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements (images, glyphs, paragraphs) in a rational, easy to absorb manner. A grid can be used to organize graphic elements in relation to a page, to other graphic elements on the page, or relation to other parts of the same graphic element or shape.

A4 VERTICAL GRID SYSTEM EXAMPLES



The Leankor Corporate Brand Guidelines 25 // 38

THE LEANKOR CUSTOMIZED GRID SYSTEMS -

Example: Poster A3

A3 VERTICAL GRID SYSTEM EXAMPLES

Explanation: This shows an approved layout with a typography grid for a A3 Poster of Leankor.


The Leankor Corporate Brand Guidelines 26 // 38

SCREEN HORZONTAL GRID SYSTEM EXAMPLES

Explanation: This shows an approved layout with a typography grid for a 16:9 Screen of Leankor. This will be used for Company presentations in Powerpoint or Keynote.

THE LEANKOR CUSTOMIZED GRID SYSTEMS -

Examples: Screen Grids


The Leankor Corporate Brand Guidelines 27 // 38

THE LEANKOR CUSTOMIZED GRID SYSTEMS -

Example: Tablet

TABLET VERTICAL GRID SYSTEM EXAMPLE

Explanation: This shows an approved layout with a typography grid for an iPad tablet Poster of Leankor.


07

IMAGES AND BLENDING MODES Corporate Image Corporate Image Color Corporate Image Black and White Blending Modes and Options


The Leankor Corporate Brand Guidelines 29 // 38

THE LEANKOR CORPORATE IMAGE : COLORED IMAGES Corporate Images are responsible to transfer the values of Leankor to our customers or our potential customers. It is a composite psychological impression that continually changes with the firm’s circumstances, media coverage, performance, pronouncements, etc. Leankor use various corporate advertising techniques to enhance their public image in order to improve their desirability as a supplier, employer, customer, borrower, partner, etc.

EXAMPLES FOR LEANKOR CORPORATE IMAGE SYSTEM

Requirements: - high contrast - sharp images - modern and businesslike


The Leankor Corporate Brand Guidelines 30 // 38

THE LEANKOR CORPORATE IMAGE : BLACK & WHITE

EXAMPLES FOR LEANKOR CORPORATE IMAGE SYSTEM

Requirements: - black and white colours - sharp images - modern and businesslike


The Leankor Corporate Brand Guidelines 31 // 38

THE LEANKOR BLENDING MODES FOR IMAGES

EXAMPLES FOR LEANKOR BLENDING MODES

-

How to: 1) use it in black and white images colours

Image effects and blending modes raise the concision and the recognizability of a brand. Also they are able to divide content and other graphical elements that are used in layouts. In the same way the support statement of the used images and raise application possibilities.

2) use a placeholder with a orange back 3) adjust the layer style to “multiplicate�


08

CORPORATE ICONOGRAPHY Corporate Iconography Application


The Leankor Corporate Brand Guidelines 33 // 38

THE LEANKOR CORPORATE ICONOGRAPHY An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a easier way. The icon itself is a small picture or symbol serving as a quick, “intuitive” representation of a software tool, function or a data file. We are using Material Design Icons. You can download them here https://design.google.com/ icons

EXAMPLES FOR LEANKOR CORPORATE ICONOGRAPHY SYSTEM

How to: - minimum stroke size: 0.5 pt - upscale only proportional


09

SUMMARY AND CONTACT Summary Contact


The Leankor Corporate Brand Guidelines 35 // 38

Leankor Brand Collection

CONTACT

COMPLETE MANUAL DOWNLOAD LINK

For further information please contact: Lucidsoft Inc. (dba Leankor) 400-119 14th Street NW, Calgary, Alberta, Canada,T2N 1Z6 Website: www.leankor.com

Phone Toll-Free: + 1 855-600-5077 Phone: + 1 403-351-2649

Direct Link :

http://www.leankor.com/fullmanual.zip <– Scan for download the manual


11

THANK YOU FOR INTEREST For further question do not hesitate to contact us.



WWW.LEANKOR.COM

WE LOVE THAT BRAND.

CONTACT

DOWNLOAD

Address

Direct Link :

Lucidsoft Inc. (dba Leankor) 400-119 14th Street NW, Calgary, Alberta, Canada,T2N 1Z6

www.leankor.com Scan for download the complete Corporate Design Brand Manual Leankor Brand Collection


Turn static files into dynamic content formats.

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