Brand Guidelines

Page 1

BRAND GUIDELINES



1 2 3 4 5 6 7

LOGO......................................... 18 COLOURS............................... 18 TYPOGRAPHY................... 18 ICONOGRAPHY................ 18 PACKAGING......................... 18 IMAGERY................................ 18 USAGE...................................... 18


OUR STORY LOGiiX was born out of a passion and belief that tech accessories are a powerful medium for self-expression. Back in 2005, the device accessories market was prosaic and unremarkable – a sea of black, white or grey products – curbing personality and emotion. Inspired to transform the way people across the world interacted with their tech accessories, we set out to create innovative, colourful & exceptional products at accessible prices – giving millions of users the opportunity to express themselves through our products.

VISION To create a confident world through self-expression.

MISSION To build trust and inspire curiosity.

CORE VALUES Curious Passionate Fair Great Impactful


OUR TONE OF VOICE

The LOGiiX tone-of-voice is a unique and critical aspect of our brand. It allows us deliver on our brand promise. What does it sound like? The LOGiiX tone-of-voice is simple, trusting and genuine. We are proud to be a Canadian company and are inspired by our home - Vancouver.


DESIGNED IN VANCOUVER


We begin at the end. What problem will our product solve? Who is it intended for? Will it make their life simpler? How will it make them feel? We craft around this purpose. We design and test. We do it all over again. This is how we innovate - doing a few small things extremely well. This is how we simplify - creating solutions for ever-evolving technology. Constant and changing. This is our home and it is our inspiration. Designed by LOGiiX in Vancouver, Canada.

logiix.net


OUR CUSTOMERS To reach our potential, we have to understand our current customers and seek out new ones. Our customers go against the grain when it comes to the mundane offerings in the mobile and computer accessories market. They want to express themselves through their technology.


OUR CUSTOMERS To reach our potential we have to understand our current customers and seek out new ones. We target customers that go against the grain when it comes to the mundane offerings in the mobile and computer accessories market. Our customers are looking for more than just your run of the mill, black or white electronic accessories. They look for accessories that accentuate their lifestyle while not breaking the bank!

RACHEL 22 years old In a relationship

BRIDGETT Designer at Arcteryx Loves hiking and the outdoors

JOEL 28 years old Single

34 years old Married

Small Business Owner Yoga student and mother of 2

ISAAC Barista at Milano Brews craft beer at home

41 years old Married

Bank Manager Loves technology and reading



1

LOGO THE LOGO LOGO SIZING LOGO ON A BACKGROUND SUB-BRANDS USE ON PACKAGING


THE LOGO LOGOTYPE LOGiiX Blue - Pantone 2995C LOGiiX Black - 100% Black The LOGiiX logotype exemplifies our core values. The curves in the O and G express a consistent curiosity and evolution. The blue tone mirrors our commitment to making avant-garde technology accessible to all. The sharp edges and thick typeface illustrate a passion for creating bold and cutting-edge tech products.

ICON LOGiiX Blue - Pantone 2995C LOGiiX Black - 100% Black The infinity symbol represents the infinite range of tech solutions we create for our customers.


LOGO SIZING CAPITALS When used with capitals, LOGiiX x-height should match the cap-height of the product name.

LOWERCASE When used with capitals, LOGiiX x-height should match the x-height of the product name.

TEMPO


APPLICATION ON A BACKGROUND PRIMARY Primarily use logo on light background, incorporating blue when possible.

REVERSE Reverse use logo on dark background when necessary, incorporating blue when possible.


BRAND ARCHITECTURE REGISTERED Sub-Brands are to be used before the product name when the product falls into that category.

Power Lite

Power Cube™

Sync & Charge

World Traveler

Tunefreqs™

Flat Flex

Blue Piston™


VERTICAL USAGE FULL LOGO Ideally, the logo should only ever by horiztonal. However if that is not possible, place the logo at 90ยบ vertically, either with the "L" or "X" on the bottom. Never place the logo at another angle other than 90ยบ.

bottom

ICON Icon may only be used vertically, as shown, with the blue bar on top and never horizontally. bottom

bottom


CLEAR SPACE & MINIMUM SIZE LOGOTYPE Clear space is equal to the size of the dot on either "i". Minimum size for screen: 100px wide Minimum size for print: 12mm wide

ICON Clear space is equal to the width of the icon. Minimum size for screen: 100px wide Minimum size for print: 8mm wide


SECONDARY BACKGROUNDS AND COLOURS LOGO

White with full colour logo

100% Black with white logo

PANTONE 2995 C with white logo

10% black with full colour logo

90% black and lower with white logo

CMYK (80, 12, 1, 0) blue with white logo

Subtle grey gradient with full colour logo

High contrast gradient with white logo

Blurred contrasting image with white logo


IMPROPER USE LOGO

No drop shadows

No low-contrast backgrounds

No change of colours

No inner shadows or glowing

No gradients

No rotating, warping or reversing

No lighting or bevel/embossing

No streching or skewing

No logo on top of poor images with too many contrasting colours


SECONDARY BACKGROUNDS AND COLOURS ICON

White with full colour logo

100% Black with white logo

PANTONE 2995 C with white logo

10% black with full colour logo

90% black and lower with white logo

CMYK (80, 12, 1, 0) blue with white logo

Subtle grey gradient with full colour logo

High contrast gradient with white logo

Blurred contrasting image with white logo


IMPROPER USE ICON

No drop shadows

No low-contrast backgrounds

No change of colours

No inner shadows or glowing

No gradients

No rotating, warping or reversing

No lighting or bevel/embossing

No streching or skewing

No logo on top of poor images with too many contrasting colours



2

COLOURS PRIMARY COLOUR SYSTEM SECONDARY COLOUR SYSTEM


PRIMARY COLOUR SYSTEM PRIMARY COLOUR LOGiiX Blue Pantone

:

2995C

CMYK

:

80, 12, 1, 0

RGB

:

0, 167, 224

HEX

:

00a7e0

SUPPORTING PRIMARY COLOURS Black CMYK

:

0, 0, 0, 100

RGB

:

0, 0, 0

HEX

:

000000

CMYK

:

0, 0, 0, 70

RGB

:

109, 110, 113

HEX

:

#6d6e71

French Grey


SECONDARY COLOUR SYSTEM

Forest Green CMYK

:

80, 36, 55, 14

RGB

:

53, 119, 113

HEX

:

#357771

Mustard Yellow CMYK

:

10, 16, 87, 0

RGB

:

233, 203, 65

HEX

:

#e9cb41

CMYK

:

70, 9, 47, 0

RGB

:

70, 174, 155

HEX

:

#46ae9b

CMYK

:

4, 65, 61, 0

RGB

:

234, 121, 98

HEX

:

#ea7962

Mint Green

Coral Red



3

TYPOGRAPHY PRIMARY FONT FONT FAMILIES TYPOGRAPHY & TEXT HIERARCHY


PRIMARY FONT PRIMARY FONT Bree

DESIGNER

Bree

Veronika Burian & José Scaglione

THE FONT Bree is a spry sans serif that delivers a spirited look and feel for branding and headline usage. As an upright italic, Bree shows a pleasant mix of rather unobtrusive capitals with more vivid lowercase letters, giving text a lively appearance. Bree is clearly influenced by handwriting, has a touch of cheekiness, a wide stance for each character, and an extra-large x-height, which equals a big personality.

SUBSTITUTES Q to Q & to &

A

B

C

D

E

F

G

H

I

J

N

O

P

Q

R

S

T

U

V

W

a

b

c

d

e

f

g

h

i

n

o

p

q

r

s

t

v

0

1

2

3

4

!

@

#

$

%

{

}

:

;

<

u

5 ^ >

L

M

X

Y

Z

j

k

l

w

x

6

7

& ,

K

* .

?

y

m z

8

9

(

)

/


FONT FAMILY ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

Bree Extra Bold

Bree Regular

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

Bree Bold

Bree Light

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

Bree Semi Bold

Bree Thin


SECONDARY & WEB FONT SECONDARY FONT Skolar Sans Latin

DESIGNER

Skolar Sans

David Březina, Sláva Jevčinová, Titus Nemeth

THE FONT Every Sherlock needs his Watson. A versatile partner who can accommodate for an opinionated compadre, but does more than just follow his footsteps. Equally peculiar but nonetheless a gentleman. A real friend for true companionship, a problem-solving duo that’s at your service.

A

B

C

D

E

F

G

N

O

P

Q

R

S

T

a

b

c

d

e

f

g

n

o

p

q

r

s

t

0

1

2

3

4

!

@

#

$

%

{

}

:

;

<

H

I

J

U

V

W

h

i v

u

5 ^ >

L

M

X

Y

Z

j

k

l

m

w

x

z

y

6

7

& ,

K

* .

?

8

9

(

) /


FONT FAMILY ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

Skolar Sans Extra Bold

Skolar Sans Regular

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

Skolar Sans Bold

Skolar Sans Light

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz

Skolar Sans Bold

Skolar Sans Thin


TYPOGRAPHY & TEXT HIERARCHY

PRODUCT NAME Name & Sub-Header can be changed in size depending on the size of the packaging. Keep a 6 pt. difference between Name & Sub-Header.

DETAILS French body text should always be in 70% black. French icon text should always be in LOGiiX blue.

Weight

Case

Point/Leading Space

Colour

Name

Thin

All Caps

14pt.

1

Black

Sub Header

Thin

Sentence

8/11pt.

0

Black

Back Header

Light

Sentence

12/13pt.

0

Black/French Grey

Weight

Case

Point/Leading Space

Colour

Light

All Caps

7/8pt.

2

LOGiiX Blue

Bold Oblique

All Caps

6pt.

0

Colour specified

Bold

All Caps

6pt.

0

Black/French Grey

English Body

Light

Sentence 6/8pt.

5

Black

French Body

Bree light

Sentence

5

French Grey

Regular

Sentence 4/5pt.

2

Black

Icon Text Colour Features Header

Warranty

6/8pt.




4

ICONOGRAPHY BRAND ICONS FEATURE ICONS


ICON USAGE BRAND ICONS Use in 6pt.

FEATURES ICONS Front: LOGiiX Blue Description included Inside or Back: 100% Black No description

LIGHT

EXTRA BATTERY

IMPROPER USE Any colour other than blue/black

EXTRA BATTERY

EXTRA BATTERY

EXTRA BATTERY

No incorrect colours

No drop shadows

No altering at all


ICONOGRAPHY



5

PACKAGING REGULAR PREMIUM PACKAGING MEASUREMENTS


REGULAR PACKAGING FRONT - Logo

- Product image

- Product name

- 2-3 Icons with descriptions in all caps & LOGiiX Blue

- Product sub-header

- MFI guidelines (if neccesary )

SIDES - Both sides: Vertical logo in line with product name as mirror images (see image for reference) - Left side: Colour of product (in said colour)

IF INSIDE FLAP

BACK IF NO INSIDE FLAP

- Features/Caracteristiques in blue bar

- Visit us at logiix.net

- 3-4 features in two columns with French on the right

- Features & Caracteristiques headers stacked

- Icons depicting features between English & French

- 3-4 features beneath each header

- Profile image with white fade on top half

- MFI text if needed: made for/fair por & trademark

- Social media icons

-Profile image with white fade on top half if needed

BACK

BOTTOM

- Visit us at logiix.net

- Social media icons

- Designed, warranty, Made in China text

- Sub-head with simple tagline

- Profile or product image

- All in English & French

- MFI text if needed: made for/fair por & trademark *if packaging is too small, made for can go on side, listing phones that it's compatible with.

- Barcode - Recyling/electronic certification icons



PREMIUM PACKAGING FRONT BOTTOM - Logo

- Product image

- Product name

- Product subhead

SIDES - Horizontal logo in line with product name - Visit us at logiix.net - Left side: what's in the box

BACK - Black & white profile image - 2-3 Icons with short descriptions beneath each with French - Product name with tagline & lifestyle paragraph text (English & French) - Social media icons

BOTTOM - Designed, warranty, Made in China text

- Barcode

- All in English & French

-Recyling/electronic certification icons

- Mfi text if needed: made for/fair por & trademark



PACKAGING MEASUREMENTS FRONT

INSIDE PANEL

2.4mm

3mm 21mm

4mm

7mm

7mm

NO PRINT ZONE

NO PRINT ZONE

7mm

NO PRINT ZONE

NO PRINT ZONE

7mm

7mm

3mm

Centre between bottom of blue bar & cap-height of colour name

7mm

typically

7mm

3mm

8mm

7mm

11mm

11mm

centre to page


BACK

Centre between blue

4mm

8mm

4mm

7mm

7mm

NO PRINT ZONE

NO PRINT ZONE

2.4mm Centre between bottom of blue bar & top of black bar 4mm


DON'TS OF PACKAGING DON'T - Show the product out of context - Cut off majority of the product - Use the products in a busy setting - Have the product be out of focus - Unnecessarily sticker the product - Cover the front image with stickers or tags - Draw on the packaging - Edit or alter the artwork




6

IMAGERY LIFESTYLE PRODUCT PROFILE LONDON DRUGS PACKAGING


IMAGERY PRODUCT Use photos that attractively represent the product. The principal application is on the cover of packaging, but can also be used in product catalogues. These photos must be taken at multiple angles for wide range of use.

LIGHTNING PRODUCTS* All images of iPhone with products must be shown with the home screen to the most updated iOS with battery at 100%


IMAGERY LIFESTYLE Use photos that attractively represent the product. The principal application is on the cover of packaging, but can also be used in product catalogues. These photos must be taken at multiple angles for wide range of use.


IMAGERY PROFILE

LONDON DRUGS

A representation of the product in a setting. Examples include placed on a desk or plugged in. People should not be featured completely in these photos.

A single product image with 3 supporting images. 300dpi - 4"x4"


IMAGERY PACKAGING A simple photograph of the product inside of its packaging on a white background. These photos must be taken at multiple angles for wide range of use.


IMAGERY DO'S LIFESTYLE & PROFILE - DO - Show the product properly in use - Highlight the important features - Have the product in focus - Show the colours as accurately as possible

- Bring out the colours of the products surroundings if/when appropriate - Remove dust and scratches when appropriate


IMAGERY DONT'S LIFESTYLE & PROFILE - DON'T - Show the product out of context - Cut off majority of the product - Use the products in a busy setting - Have the product out of focus


IMAGERY DO'S PRODUCT - DO - Show the product front the front or side - Highlight the important features - Have the product in focus - Show the colours as accurately as possible

- Keep a white / transparent background - Remove dust and scratches when appropriate


IMAGERY DONT'S PRODUCT - DON'T - Fade, edit, or alter the product - Cut off any of the product - Have dirt, dust or smudges on the product - Have the product be out of focus



7

USAGE MERCHANDISING ADVERTISING ONLINE & SOCIAL MEDIA


MERCHANDISING


MERCHANDISING


DISPLAYS


ADVERTISING


WEBSITE


SOCIAL MEDIA INSTAGRAM

FACEBOOK




logiix.net

We understand that questions may arise upon implementation of these guidelines. Please feel free to write to us at: Harsh Karunakaran (Harsh@Atlantia.ca) and CC Shubhankar Rustagi (Shub@Atlantia.ca)


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.