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
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)