design quality technology

D E S I G N Q U A L I T Y T EC H N O LO G Y
Księga identyfikacji wizualnej
wytyczne stosowania
by
D E S I G N Q U A L I T Y T EC H N O LO G Y
1
LOGO
Forma podstawowa z claimem
5
Forma uproszczona bez claimu
6
Forma podstawowa na ciemne tła
7
Pole ochronne8
Konstrukcja9
Wartości minimalne
10
Zakazy11
2
KOLORY
Paleta podstawowa13
Wersja monochromatyczna
14
Wersja achromatyczna15
Wersja achromatyczna16
Submarki17
Konstrukcja submarek18
Typografia submarek
19
Kolorystyka modulo kids
20
3
TYPOGRAFIA
Font22
4
KEY VISUAL
Zasady stosowania motywu
24
Motyw podstawowy25
5
SPÓJNOŚĆ
Papier firmowy, wizytówka
27
Teczka firmowa
28
Stopka mailowa29
AdWords30
Oklejenie Focus31
Oklejenie Ivveco32
Facebook33
Youtube34
G+35
logo
Forma podstawowa z claimem
5
Forma uproszczona bez claimu
6
Forma podstawowa na ciemne tła
7
Pole ochronne8
Konstrukcja9
Wartości minimalne
10
Zakazy11
1
LOGO / FORMA PODSTAWOWA Z CLAIMEM
D E S I G N Q U A L I T Y T EC H N O LO G Y
Znak występuje w dwóch wersjach. Zalecany sposób eksponowania znaku to używanie go na białym tle w kolorach podstawowych. Używanie znaku w innych
kolorach dopuszczalne jest jedynie w szczególnych sytuacjach niepozwalających na jego reprodukcję w kolorystyce podstawowej, takich jak ograniczona ilość
kolorów druku lub inne ograniczenia techniczne.
5
1
LOGO / FORMA UPROSZCZONA BEZ CLAIMU
Znak występuje w dwóch wersjach. Zalecany sposób eksponowania znaku to używanie go na białym tle w kolorach podstawowych. Używanie znaku w innych
kolorach dopuszczalne jest jedynie w szczególnych sytuacjach niepozwalających na jego reprodukcję w kolorystyce podstawowej, takich jak ograniczona ilość
kolorów druku lub inne ograniczenia techniczne.
6
1
LOGO / FORMA PODSTAWOWA NA CIEMNE TŁA
D E S I G N Q U A L I T Y T EC H N O LO G Y
Używanie znaku w innych kolorach niż w palecie podstawowej dopuszczalne jest jedynie w szczególnych sytuacjach niepozwalających na jego reprodukcję
w kolorystyce podstawowej, takich jak ograniczona ilość kolorów druku lub inne ograniczenia techniczne. Sugeruje się stosowanie znaku na tle jak powyżej, na
kolorze czerwonym ( PANTONE 485 C ).
7
1
LOGO / POLE OCHRONNE
D E S I G N Q U A L I T Y T EC H N O LO G Y
Pole ochronne to umowna, minimalna przestrzeń wokół znaku, w którą nie może wchodzić żadna obca forma graficzna (inny znak, grafika itp). Minimalna przestrzeń wymagana dla znaku Proform wyznaczona jest przez literę „f” występującej w logotypie.
8
1
LOGO / KONSTRUKCJA
D E S I G N Q U A L I T Y T EC H N O LO G Y
Znak Proform zaprojektowany jest z zachowaniem odpowiednich proporcji, wyznaczonych na podstawie wymiarów danych elementów.
Niedozwolone jest jakiekolwiek modyfikowanie przedstawionych proporcji.
9
1
LOGO / WARTOŚCI MINIMALNE
Logo
podstawowe
Logo
uproszczone
Logo
podstawowe
Logo
uproszczone
D E S I G N Q U A L I T Y T EC H N O LO G Y
D E S I G N Q U A L I T Y T EC H N O LO G Y
1,8cm
1,5cm
100px
80px
Przedstawione wielkości minimalne występowania znaku Proform w formie elektronicznej oraz druku zostały ustalone w oparciu o czytelność znaku i nie należy
ich przekraczać. Skalowanie poniżej tych wartości spowoduje utratę czytelności oraz obniżenie jakości odwzorowania znaku.
10
1
LOGO / ZAKAZY
Nie obracaj znaku.
Nie zmieniaj wielkości elementów znaku.
Nie zmieniaj proporcji znaku.
Nie przemieszczaj elementów znaku.
Nie zmieniaj wybranego rodzaju typografii.
Nie stosuj znaku sprzecznie z określonymi zasadami kolorystycznymi.
Nie stosuj na znaku dodatków takich jak drop sha-
Nie stosuj znaku na zdjęciach i wzorzystych tłach.
Wytyczne dotyczą znaku w wersji podstawowej
dow, glow, bevel, outline itp.
11
kolory
Paleta podstawowa13
Wersja monochromatyczna14
Wersja achromatyczna15
Wersja achromatyczna16
Submarki17
Konstrukcja submarek18
Typografia submarek
19
Kolorystyka modulo kids20
2
KOLORYSTYKA / PALETA PODSTAWOWA
100%
100%
RGB 0 0 0
HEX/HTML 000
CMYK 0 0 0 100
PANTONE 485 C
RGB 218 41 28
HEX/HTML DA291
CMYK 0 95 100 0
100%
RGB 255 255 255
HEX/HTML FFFFFF
CMYK 0 0 0 0
80%
80%
80%
60%
60%
60%
40%
40%
40%
20 %
20 %
20 %
Podstawowa paleta marki Proform składa się z 3 kolorów - czerwonego, czarnego, białego. Powyżej przedstawiono opis kolorów
w najczęściej stosowanych standardach. Dopuszczalne rozbarwienia palety podstawowej występują w charakterze przeźroczystości.
Rozbarwienia te mają zastosowanie pomocnicze i stanowią uzupełnienie palety podstawowej.
Nie wolno stosować rozbarwniena dla samego znaku.
13
2
KOLORYSTYKA / WERSJA MONOCHROMATYCZNA
D E S I G N Q U A L I T Y T EC H N O LO G Y
Zalecany sposób eksponowania znaku to używanie go na białym tle w kolorach podstawowych. Stosowanie znaku w skali szarości dopuszczalne jest jedynie
w sytuacjach szczególnych takich jak ograniczona ilość kolorów druku np. ogłoszenia w prasie czarnobiałej.
14
2
KOLORYSTYKA / WERSJA ACHROMATYCZNA
D E S I G N Q U A L I T Y T EC H N O LO G Y
Wariant achromatyczny znaku służy do reprodukcji przy użyciu graweru, haftu, suchego tłoku i innych specjalnych technik reprodukcji, w których ze względu na
ich specyfikę niemożliwe jest zastosowanie podstawowej wersji znaku, tint ani znaku w skali szarości.
15
2
KOLORYSTYKA / WERSJA ACHROMATYCZNA
D E S I G N Q U A L I T Y T EC H N O LO G Y
Wariant achromatyczny znaku służy do reprodukcji przy użyciu graweru, haftu, suchego tłoku i innych specjalnych technik reprodukcji, w których ze względu na
ich specyfikę niemożliwe jest zastosowanie podstawowej wersji znaku, tint ani znaku w skali szarości.
16
2
KOLORYSTYKA / SUBMARKI
17
2
KOLORYSTYKA / KONSTRUKCJA SUBMAREK
x
x
x
x
x
1,5x
Przy tworzeniu kolejnych submarek trzeba zwrócić szczególną uwagę na odległości między danymi elementami, wynoszączymi x.
18
2
KOLORYSTYKA / TYPOGRAFIA SUBMAREK
Comfortaa Bold
a
ą
b
c
ć
d
e
A
Ą
B
C
Ć
D
E
ę
Ę
f
g
h
F
G
H
i
I
j
J
k
K
l
ł
m
n
ń
o
p
q
r
s
ś
L
Ł
M
N
Ń
O
P
Q
R
S
Ś
s
t
u
ó
v
w
x
y
z
ż
ź
T
U
Ó
V
W
X
Y
Z
Ż
Ź
ó
v
Longhand
a
b
c
d
e
f
g
h
i
j
k
l
ł
m
n
o
p
q
r
A
B
C
D
E
F
G
H
I
J
K
L
Ł
M
N
O
P
Q
R
t
S
u
T
U
Ó
V
w
x
y
z
W
X
Y
Z
Dla fontu Longhand w ilustratorze trzeba zastosować uproszczenie 89%.
19
2
KOLORYSTYKA / KOLORYSTYKA MODULO KIDS
RGB 236 199 55
HEX/HTML ECC737
CMYK 10 20 85 0
RGB 229 10 103
HEX/HTML E50A67
CMYK 1 98 29 0
RGB 52 90 150
HEX/HTML 345A96
CMYK 87 65 14 2
RGB 74 182 154
HEX/HTML 4AB69A
CMYK 68 0 49 0
20
typografia
dziłowa
Font22
3
TYPOGRAFIA / FONT
Comfortaa Bold
a
ą
b
c
ć
d
e
A
Ą
B
C
Ć
D
E
ę
Ę
f
g
F
G
f
g
F
G
f
g
F
G
h
H
i
I
j
J
k
K
l
ł
m
n
ń
o
p
q
r
s
L
Ł
M
N
Ń
O
P
Q
R
S
l
ł
m
n
ń
o
p
q
r
s
L
Ł
M
N
Ń
O
P
Q
R
S
l
ł
m
n
ń
o
p
q
r
s
L
Ł
M
N
Ń
O
P
Q
R
S
ś
Ś
t
u
ó
v
w
x
y
z
ż
ź
T
U
Ó
V
W
X
Y
Z
Ż
Ź
t
u
ó
v
w
x
y
z
ż
ź
T
U
Ó
V
W
X
Y
Z
Ż
Ź
t
u
ó
v
w
x
y
z
ż
ź
T
U
Ó
V
W
X
Y
Z
Ż
Ź
Comfortaa Regular
a
ą
b
c
ć
d
e
A
Ą
B
C
Ć
D
E
ę
Ę
h
H
i
I
j
J
k
K
ś
Ś
Comfortaa Light
a
ą
b
c
ć
d
e
A
Ą
B
C
Ć
D
E
ę
Ę
h
H
i
I
j
J
k
K
ś
Ś
Głównym krojem marki Proform jest Comfortaa w odmianach Bold, Regular oraz Light. Odmiana Bold występuje w logotypie.
22
key
visual
Zasady stosowania motywu24
Motyw podstawowy25
4
KEY VISUAL / ZASADY STOSOWANIA MOTYWU
D E S I G N Q U A L I T Y T EC H N O LO G Y
Zasady stosowania motywu:
1. Motyw graficzny składa się z elementów: wzoru oraz logotypu
3. Rozmieszczenie elementów na projekcie może
2. W razie potrzeby można użyć oraz dopasować do
występować w sposób dowolny.
ramki inny wzór
24
4
KEY VISUAL / MOTYW PODSTAWOWY
25
spójność
Papier firmowy, wizytówka
27
Teczka firmowa
28
Stopka mailowa29
AdWords30
Oklejenie Focus31
Oklejenie Iveco32
Facebook33
Youtube34
G+35
5
SPÓJNOŚĆ / PAPIER FIRMOWY, WIZYTÓWKA
D E S I G N Q U A L I T Y T E C H N O LO G Y
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING
ELIT. MORBI PELLENTESQUE ET QUAM EGET CONSEQUAT.
In hendrerit ex risus, id placerat lectus ultrices at. Nullam iaculis tortor id justo dictum auctor. Donec a
libero ultrices, rhoncus odio quis, finibus ipsum. Nam vestibulum sapien erat, et eleifend nunc semper non.
ADAM SZWAJNOCH
specjalista ds. marketingu
Mauris mattis magna eu arcu ornare tincidunt. Mauris cursus quam accumsan libero faucibus pharetra.
Proform Sp. z o.o.
ul. Żwirki i Wigury 65
Maecenas accumsan at lorem nec lobortis. Curabitur quis sagittis turpis, quis lacinia lorem.
43-190 Mikołów
Curabitur consectetur nunc vitae nunc interdum feugiat. In hac habitasse platea dictumst. Suspendisse
potenti. In hac habitasse platea dictumst. Nullam iaculis leo ut bibendum volutpat. Aliquam quam nisi,
convallis rhoncus metus ut, sollicitudin elementum purus. Phasellus in ex auctor, auctor nunc non, euismod
elit. Suspendisse et dignissim est, ut ultricies dolor.
Quisque sed leo nec arcu placerat molestie. Etiam metus leo, malesuada quis nibh nec, laoreet maximus
+48 606 234 567
+48 32 738 88 86
[email protected]
+48 32 738 88 90
NIP 635 17 16 684
[email protected]
www.proform.eu
dui. Morbi at velit faucibus felis consequat suscipit. Aenean molestie vitae felis at efficitur. Fusce at
pellentesque nibh. Fusce id velit quam. Donec congue libero quis convallis tempor. Nullam rhoncus, lectus
sed vestibulum congue, nunc est venenatis massa, nec placerat tellus odio ut diam.
In hendrerit ex risus, id placerat lectus ultrices at. Nullam iaculis tortor id justo dictum auctor. Donec a
libero ultrices, rhoncus odio quis, finibus ipsum. Nam vestibulum sapien erat, et eleifend nunc semper non.
Mauris mattis magna eu arcu ornare tincidunt. Mauris cursus quam accumsan libero faucibus pharetra.
Maecenas accumsan at lorem nec lobortis. Curabitur quis sagittis turpis, quis lacinia lorem.
Curabitur consectetur nunc vitae nunc interdum feugiat. In hac habitasse platea dictumst. Suspendisse
potenti. In hac habitasse platea dictumst. Nullam iaculis leo ut bibendum volutpat. Aliquam quam nisi,
convallis rhoncus metus ut, sollicitudin elementum purus. Phasellus in ex auctor, auctor nunc non, euismod
elit. Suspendisse et dignissim est, ut ultricies dolor.
Quisque sed leo nec arcu placerat molestie. Etiam metus leo, malesuada quis nibh nec, laoreet maximus
dui. Morbi at velit faucibus felis consequat suscipit. Aenean molestie vitae felis
Zeskanuj dane wizytówki vCard
ul. Żwirki i Wigury 65
tel: +48 32 738 88 90
[email protected]
NIP 635 17 16 684
KRS 0000232882 | Kapitał zakładowy 50 000 PLN
43-190 Mikołów
fax: +48 32 738 88 99
www.proform.eu
REGON 240082058
Konto ING Bank Śląski SA: 39105016341000002291917884
Papier firmowy został zaprojektowany w taki sposób, aby można było z niego korzystać na biurowej drukarce. Wizytówki dzięki swojej prostej formie identyfikują
profil firmy oraz budują świadomość marki.
27
5
SPÓJNOŚĆ / TECZKA FIRMOWA
AL. Żwirki i Wigury 65
tel: +48 32 738 88 90
[email protected]
NIP 635 17 16 684
KRS 0000232882 | Kapitał zakładowy 50 000 PLN
43-190 Mikołów
fax: +48 32 738 88 99
www.proform.eu
REGON 240082058
Konto ING Bank Śląski SA: 39105016341000002291917884
28
5
SPÓJNOŚĆ / STOPKA MAILOWA
29
5
SPÓJNOŚĆ / ADWORDS
728x90px
250x250px
30
5
SPÓJNOŚĆ / OKLEJENIE FOCUS
31
5
SPÓJNOŚĆ / OKLEJENIE IVECO
Proform Sp. z o.o.
ul. Żwirki i Wigury 65
43-190 Mikołów
+48 32 738 88 90
www.proform.eu
[email protected]
www.proform.eu
www.proform.eu
32
5
SPÓJNOŚĆ / FACEBOOK
W grafikach do social mediów oraz banerów AdWords dopuszcza się stosowanie białego logo na czerwonej apli oraz czerwonego logo na białej apli.
33
5
SPÓJNOŚĆ / YOUTUBE
W grafikach do social mediów oraz banerów AdWords dopuszcza się stosowanie białego logo na czerwonej apli oraz czerwonego logo na białej apli.
34
5
SPÓJNOŚĆ / G+
W grafikach do social mediów oraz banerów AdWords dopuszcza się stosowanie białego logo na czerwonej apli oraz czerwonego logo na białej apli.
35
by