You are on page 1of 64

System identyfikacji 0.

1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

Brand Book

System identyfikacji
wizualnej dla PGE
Narodowy
Wersja 5
20.07.2015

Strona 1
Nowa nazwa stadionu
System identyfikacji
Wersja 5, 20.07.2015 PGE Narodowy

0.0 1.0 2.0 3.0


Cel Logo System Aplikacja
0.1 Cel główny identyfikacji 1.1 Omówienie znaku 2.1 Kolory 3.1 Wizytówka
wizualnej 1.2 Inspiracja 2.2 Typografia 3.2 Papier firmowy
1.3 Mutacje logo 2.3 Dwie skale 3.3 Plakat/Citylight
1.4 Pole ochronne 2.4 Pattern 3.4 Reklama prasowa
1.5 Wielkości minimalne 2.5 Tworzenie patternu 3.5 Ulotka
1.6 Zastosowanie na zdjęciach 2.6 Konstrukcja patternu 3.6 Flaga/RollUp
1.7 Nieprawidłowe użycie 2.7 Mutacje patternu 3.7 Notatnik
2.8 Zastosowanie patternu 3.8 Torba
2.9 Zasady doboru fotografii 3.9 Smycz
2.10 Użycie zdjęć stadionu 3.10 Koperta
3.11 T-shirt
3.12 Opaska na dłoń
3.13 Czapka
3.14 Ścianka sponsorska
3.15 Stopka maila
3.16 Prezentacja
PowerPoint

Strona 2
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

0.0
Cel

0.1 Cel główny identyfikacji

Strona 3
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Cel

Cel główny identyfikacji


Przed Tobą zbiór zasad i podpowiedzi, jak pracować z identyfikacją PGE
Narodowy. Stworzyliśmy je, aby pomóc Ci zrozumieć i łatwo zapoznać się
z elementami tworzącymi charakter marki. Przestudiuj wskazówki zawarte w tym
przewodniku przed przystąpieniem do pracy nad materiałami marketingowymi.
Jednak zanim przejdziesz dalej, opiszemy Ci w kilku słowach, co przyświecało nam
podczas prac nad tym manualem.

Stworzyliśmy identyfikację, która jest nietuzinkowa, przyciąga uwagę i podkreśla


obecność sponsora na stadionie. Wykorzystaliśmy żywe kolory, nawiązaliśmy
logotypem do bryły budynku, a w systemie wykorzystaliśmy elementy odwołujące
się do elewacji stadionu. Wszystko to ma budować
w odbiorcach świadomość marki PGE Narodowy.
Chociaż znajdziesz w tym dokumencie wiele wytycznych, przede wszystkim
chcielibyśmy, żebyś traktował je jako wskazówki. Chętnie zobaczymy Twój wkład
w dalsze prace i życie tej identyfikacji. Nie bój się eksperymentować z patternem,
na pewno istnieje dla niego jeszcze wiele zastosowań, których nie sprawdziliśmy.
Niech to, co wydarzy się dalej zaskoczy nas samych.

Strona 4
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

1.0
Logo

1.1 Omówienie znaku


1.2 Inspiracja
1.3 Mutacje logo
1.4 Pole ochronne
1.5 Wielkości minimalne
1.6 Zastosowanie na zdjęciach
1.7 Nieprawidłowe użycie

Strona 5
System identyfikacji 1.1
Wersja 5, 20.07.2015 PGE Narodowy Logo

Logo
Oto logo PGE Narodowy.
Logo jest najważniejszym elementem
identyfikacji i tożsamości marki
PGE Narodowy.
Konstrukcja logo składa sie z dwóch
elementów: znaku i logotypu.
Logo jest proste, ale zbudowane ze
śmiałych i dynamicznych elementów.
Tak jak sport, do którego nawiązuje,
opowiada o energii i ruchu.

Znak
Malarsko pociągnięte dynamiczne
linie rysują bryłę stadionu przykrytą
okręgiem z delikatnego ornamentu,
opartego na szczytach masztów

Logo
konstrukcyjnych i iglicy obiektu.

Logotyp
Strona 6
System identyfikacji 1.2
Wersja 5, 20.07.2015 PGE Narodowy Logo

Inspiracja
Logo nawiązuje do bryły
Stadionu widzianego nocą.
To wtedy pełnym blaskiem
rozświetla się elewacja budynku.
Pojawia się delikatny wieniec
świateł okalający cały obiekt,
budowany przez szczyty
masztów konstrukcyjnych.
Ten subtelny detal został
zawarty w znaku, wraz
z odwołującą się do elewacji
perforacją, znajdującą się
na dwóch szarfach tuż nad
logotypem.
Te wyrafinowane elementy
tworzą niebanalny znak,
który ze względu na swoją
delikatność i dynamikę wymaga
odpowiedniego i uważnego
podejścia, pozwalającego w
pełni wyeksponować jego detale
i efektowność. O tym wszystkim
przeczytasz w dalszej części
dokumentu.

Wersja podstawowa znaku

Strona 7
System identyfikacji 1.3
Wersja 5, 20.07.2015 PGE Narodowy Logo

Mutacje logo Wersja podstawowa Wersja monochromatyczna

Ze względu na różne formy


aplikacji oraz reprodukcji, logo
zostało przygotowane w kilku
wersjach, które pozwolą na jego
funkcjonowanie na wszystkich
polach eksploatacji.
Głównym znakiem jest wersja
z białą i czerwoną szarfą.
Powinna być używana
najczęściej na ciemnym tle
(95% Grey).
Do użycia na tłach jasnych
należy stosować wersję
w negatywie:
czarno-czerwoną.
W przypadku, kiedy użycie
kolorowego logo jest
niemożliwe ze względu na zbyt
kontrastujące kolory, odcienie
czerwonego w tle lub zamysł
artystyczny publikacji,
w którym kolorowy logotyp
mógłby zakłócać spójność
projektu, należy korzystać
z wersji monochromatycznych.

10% - 40%

Strona 8
System identyfikacji 1.3
Wersja 5, 20.07.2015 PGE Narodowy Logo

Mutacje logo Wersja w negatywie Wersja monochromatyczna

Ze względu na różne formy


aplikacji oraz reprodukcji, logo
zostało przygotowane w kilku
wersjach, które pozwolą na jego
funkcjonowanie na wszystkich
polach eksploatacji.
Głównym znakiem jest wersja
z białą i czerwoną szarfą.
Powinna być używana
najczęściej na ciemnym tle
(95% Grey).
Do użycia na tłach jasnych
należy stosować wersję
w negatywie:
czarno-czerwoną.
W przypadku, kiedy użycie
kolorowego logo jest
niemożliwe ze względu na zbyt
kontrastujące kolory, odcienie
czerwonego w tle lub zamysł
artystyczny publikacji,
w którym kolorowy logotyp
mógłby zakłócać spójność
projektu, należy korzystać
z wersji monochromatycznych.

41% - 95%

Strona 9
System identyfikacji 1.4
Wersja 5, 20.07.2015 PGE Narodowy Logo

Pole ochronne
Aby zagwarantować wyraźną
czytelność znaku we wszystkich
aplikacjach i zadbać o jego
odpowiednie wyeksponowanie,
należy chronić wolną przestrzeń
wokół logo.
= 35%x
Pole ochronne tworzy
kwadrat wyrysowany przez
linię zbudowaną z długości
x (wysokość logo liczona od
wierzchołka iglicy do dolnej lini
kroju w napisie Narodowy) plus
po 35%x przyłożone do każdego
ze skrajnych końców długości x.
=x

Strona 10
System identyfikacji 1.4
Wersja 5, 20.07.2015 PGE Narodowy Logo

Wersja skrócona logo


W wyjątkowych przypadkach
kiedy format nośnika lub proces
reprodukcji nie pozwala na
użycie pełnego logo, dozwolone
jest wykorzystanie jedynie
typografi. W takich sytuacjach
sugerujemy wykorzystanie
fragmentu sygnetu jako tło
obecne przy logotypie.

Strona 11
System identyfikacji 1.5
Wersja 5, 20.07.2015 PGE Narodowy Logo

Minimalna wielkość znaku


W trosce o czytelność znaku
i jego odpowiednie działanie
należy przestrzegać minimalnych
wielkości znaku.

Minimalna wielkość znaku dla


materiałów drukowanych:
15 mm w podstawie.

Minimalna wielkość znaku dla


użytku cyfrowego:
85 px w podstawie. 15 mm

Wersja do druku

85 px

Wersja cyfrowa

Strona 12
System identyfikacji 1.6
Wersja 5, 20.07.2015 PGE Narodowy Logo

Zastosowanie na zdjęciach
Logo może być również
używane na zdjęciach, jeżeli
pozwala na to kontrast tła. Na
ciemnych partiach obrazu należy
używać wersji biało-czerwonej,
na jasnych czarno-czerwonej.
W przypadku użycia na tłach
kolorowych należy używać
wersji monochromatycznych.
Zawsze należy upewnić się,
że drugi plan nie zaburza
czytelności logo.

Strona 13
System identyfikacji 1.7
Wersja 5, 20.07.2015 PGE Narodowy Logo

Błędne użycie logo


W celu zachowania integralności
i czytelności znaku należy
wystrzegać się błędnego
stosowania i ekspozycji logo,
które może prowadzić do utraty
rozpoznawalności identyfikacji
PGE Narodowy. Przedstawione
tu przykłady są jedynie
próbką możliwych błędnych
zastosowań. Należy zawsze
z rozwagą podchodzić do użycia
i usytuowania znaku pamiętając, Nie zmieniaj układu Nie zmieniaj proporcji Nie zmieniaj kolorów Nie obracaj
że najważniejsza jest klarowność
i spójność logo.

Nie twórz monochromatycznej


Nie nadawaj obrysu Nie używaj efektów wersji z głównego znaku Nie używaj znaku jako maski

Strona 14
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

2.0
System

2.1 Kolory
2.2 Typografia
2.3 Dwie skale
2.4 Pattern
2.5 Tworzenie patternu
2.6 Konstrukcja patternu
2.7 Mutacje patternu
2.8 Zastosowanie patternu
2.9 Zasady doboru fotografii

Strona 15
System identyfikacji 2.1
Wersja 5, 20.07.2015 PGE Narodowy System

Kolory
Dla uzyskania pełnej spójności
identyfikacji należy używać
wyszczególnionych kolorów.
Paleta kolorów została
przygotowana tak, żeby podbić
kolory przewodnie logotypu
(dwa odcienie czerwieni) oraz
tak, żeby wzmacniać działanie
logo poprzez zwiększenie
kontrastu (kolor granatowy
i grafitowy). Pamiętaj też,
że ważnym, choć może
niewidocznym kolorem
identyfikacji, jest biel. Jej
zastosowanie ma kluczowe
znaczenie dla logo i patternu.

RGB: 235 28 36 RGB: 189 30 45 RGB: 20 45 100 RGB: 35 35 35


CMYK: 00 100 100 00 CMYK: 00 100 90 10 RGB: 255 255 255 CMYK: 100 92 32 20 CMYK: 00 00 00 95
Pantone: 1797 Pantone: 1807 CMYK: 00 00 00 00 Pantone: 533 Pantone: Black 7
#ea1c23 #bc1e2d #ffffff #142d64 #232323

Strona 16
System identyfikacji 2.2
Wersja 5, 20.07.2015 PGE Narodowy System

Typografia

Mężny bądź,
Typografia jest ważnym
elementem tożsamości marki
PGE Narodowy. Odpowiednie
i konsekwentne użycie typografii
zapewni spójność wszystkich
materiałów.

chroń pułk twój


i sześć flag.
Titillum Text - XBold

Strona 17
2.2
System identyfikacji System
Wersja 5, 20.07.2015 PGE Narodowy

Typografia
W użyciu są dwa kroje główne, Titillum Text - XBold Calluna Sans - Regular
jest to Titillum Text w dwóch
odmianach - XBold oraz Regular,
oraz Calluna Sans w odmianie
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
Regular.
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
Dodatkowo w mailingu
i prezentacji PowePoint, oraz
wszędzie tam, gdzie nie ma 1234567890 !@#$%^&*()-=_+<>?:;”’ 1234567890 !@#$%^&*()-=_+<>?:;”’
możliwości przesłania i użycia
krojów podstawowych, można
stosować krój Arial.

Titillum Text - Regular Arial - Regular / Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLM NOPQRSTUVWXYZ


abcdefghijklmnopqrstuvwxyz abcdefghijklm nopqrstuvwxyz
1234567890 !@#$%^&*()-=_+<>?:;”’ 1234567890 !@#$%^&*()-=_+<>?:;”’

Strona 18
2.2
System identyfikacji System
Wersja 5, 20.07.2015 PGE Narodowy

Typografia

Bozon
Starajmy się justować teksty Titillum Text - XBold
do lewej strony. To do tego 40/40
porządku przyzwyczajone są

Higgsa
nasze oczy. Jeśli jednak układ
layoutu wymaga zastosowania
innego rozwiązania, baw się
śmiało.

Nagłówek piszemy krojem


Titillum Text - Xbold. Wielkość
interlinii nagłówka powinna być
taka sama, jak wielkość kroju. Titillum Text - Regular
16/20,8
Cząstka elementarna, której
Lead piszemy krojem Titillum istnienie jest postulowane przez
Text - Regular. Wielkość interlinii
dla leadu powinna być o 30% model standardowy, nazwana
większa od wielkości kroju.
nazwiskiem Petera Higgsa.
Body piszemy krojem Calluna
Sans - Regular. Wielkość
interlinii powinna być o 25%
Calluna Sans - Regular 4 lipca 2012 ogłoszone zostało odkrycie nowej cząstki
większa od wielkości kroju. 10/12,5 elementarnej przez eksperymenty ATLAS i CMS, prowadzone
przy Wielkim Zderzaczu Hadronów w CERN-ie. Wyniki
Najłatwiej ustalić wielkość ogłoszone 4 lipca zostały potwierdzone przez rezultaty
interlinii kierując się wzorem: kolejnych eksperymentów, publikowane w ciągu następnego
roku. Masa odkrytej cząstki, wykrycie jej w oczekiwanych
[ A · (wartość powiększania, wyrażona
w ułamku dziesiętnym) ]+A=x
kanałach rozpadu oraz jej właściwości stanowiły mocne
potwierdzenie, że jest to długo poszukiwany bozon Higgsa.
gdzie: W kwietniu 2013 roku zespoły pracujące przy detektorach
CMS i ATLAS ostatecznie stwierdziły, że cząstka ta jest
A - wielkość kroju wyrażona w punktach
bozonem Higgsa.
x - wielkość interlinii wyrażona w punktach

Przykład dla Leadu


[ 16 · 0,3 ] + 16 = 20,8

Strona 19
2.3
System identyfikacji System
Wersja 5, 20.07.2015 PGE Narodowy

Dwie skale
System identyfikacji podzielony
jest na dwie skale działania.
W materiałach
wielkoformatowych
dominującym elementem
graficznym jest pattern, jako
struktura o dużej czytelności.
W akcydensach oraz drukach
małoformatowych główną
rolę odgrywa logo oraz kolory
identyfikacji wzbogacone
detalem pochodzącym z logo.

Bannery, plakaty, reklama Wizytówki, papier firmowy,


prasowa, reklama telewizyjna, gadżety promocyjne, ulotki.
flagi.

Strona 20
System identyfikacji 2.4
Wersja 5, 20.07.2015 PGE Narodowy System

Pattern
Pattern został stworzony
poprzez obserwację gry światła
i cieni na elewacji stadionu.
Ważne w jego budowie jest
wrażenie głębi kreowane przez
wycięcie fragmentów wzoru.

Widok elewacji stadionu Siatka utworzona ze wzoru Siatka wypełniona kolorem


budowanego przez światło i cień tworząca pattern
na elewacji

Strona 21
System identyfikacji 2.5
Wersja 5, 20.07.2015 PGE Narodowy System

Pattern Tworzenie
Pattern powstaje poprzez
multiplikację „modułu
podstawowego” składającego się
z 4 komórek. Dwóch prostych
i dwóch ściętych.

Moduł podstawowy Zwielokrotnienie Gotowy pattern wzbogacony


o dodatkowe komórki

Strona 22
System identyfikacji 2.6
Wersja 5, 20.07.2015 PGE Narodowy System

Pattern Konstrukcja
Pattern zbudowany jest
z komórek posiadających
swoje unikalne właściwości.
Są to:

1. komórki proste kolorowe


(czerwone / bordowe / białe),

2. komórki skośne kolorowe


(czerwone / bordowe / białe),

3. komórki wycinające
odsłaniające warstwę poniżej
patternu.

Komórka prosta czerwona Komórka prosta biała

Komórka skośna, która przyjmuje


Komórka prosta bordowa kolory komórek prostych

Komórka wycinająca pattern

Strona 23
System identyfikacji 2.7
Wersja 5, 20.07.2015 PGE Narodowy System

Pattern mutacje
Na siatce patternu możliwe
jest budowanie kompozycji
z różnie postawionymi
akcentami, np. w lewo lub
prawo. Daje to możliwość
dostosowania patternu do
grafiki/zdjęcia, z którą pattern
będzie sąsiadował.

Strona 24
System identyfikacji 2.8
Wersja 5, 20.07.2015 PGE Narodowy System

Rozkład patternu w pionie


W zależności od zastosowanego
formatu należy odpowiednio
dostosowywać ilość kolumn
w patternie. Dla formatów
pionowych jest to ilość
z przedziału:
od 13 do 17 dla formatów
wąskich

od 17 do 22 dla formatów
szerszych aż do uzyskania
formatu kwadratowego.

Ilość kolumn waha sie od 13 do


22 w zależności od formatu, aż do
uzyskania wielkości odpowiadającej
kwadratowi.

Strona 25
System identyfikacji 2.8
Wersja 5, 20.07.2015 PGE Narodowy System

Rozkład patternu w poziomie


W przypadku formatów
o większej podstawie niż
wysokości używamy czerwonej
apli / patternu tak, żeby
wygospodarować odpowiednią
ilość miejsca dla tekstów
i informacji.

Dla małych wymiarów stosujemy


podział 50% apla / 50% grafika.
Przy dużych powierzchniach,
Po przekroczeniu proporcji kwadratu
takich jak billboard lub banner w małej skali pattern ustępuje apli.
można zmienić te proporcje do Stosunek apli do grafiki dla małych
formatów jest równy 50/50.
30% apla / 70% grafika.
Dla dużych powierzchni pattern
zaczyna rozpadać się w poziomie,
ilość wierszy waha się od 17 do 22.

Strona 26
System identyfikacji 2.9
Wersja 5, 20.07.2015 PGE Narodowy System

Dobór fotografii
Staranny i odpowiedni
dobór fotografii pozwoli
na zachowanie czytelności
wszystkich elementów
identyfikacji,
a także na stworzenie ciekawych
i przyciągających uwagę
materiałów. Pattern, będący
ważnym elementem systemu
zbudowany jest z wielu
drobnych elementów.
Ta złożona struktura wymaga
rozsądnego doboru zdjęć.
Fotografia, która będzie mu
Stonowane kolory Przyciągający uwagę detal Bezpieczna przestrzeń Stonowane kolory, szarości dobrze
towarzyszyć, nie powinna
Miejsca na logo do ekspozycji logo współgrające z patternem
konkurować z patternem
wizualnie, powinna być
stonowana w kolorze, nie
przepełniona detalami. W miarę
możliwości należy dobierać
i kadrować zdjęcia w taki
sposób, aby uwagę odbiorcy
skupiać na detalu. Natomiast
wystrzegać się trzeba używania
zdjęć krzykliwie kolorowych,
pełnych szczegółów.

Zbyt wiele szczegółów Kolor konkurujący z patternem Zbyt intensywne barwy Brak detalu przyciągającego uwagę

Strona 27
System identyfikacji 2.10
Wersja 5, 20.07.2015 PGE Narodowy System

Wykorzystanie zdjęć stadionu


W materiałach promocyjnych
możliwe jest używanie zdjęć
stadionu. Rekomendowane
jest przedstawianie pełnej
bryły obiektu. Dozwolone jest
również kadrowanie zdjęć,
pamiętać jednak trzeba by
fragment przedstawiał detal
charakterystyczny dla stadionu,
tak by możliwe było jego
rozpoznanie.

Niedozwolone jest użycie


zdjęć w montażach w których
stadion zostaje oderwany od
swojego naturalnego środowiska
i przedstawiony w sytuacji nie
realnej.

Strona 28
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

3.0
Aplikacja

3.1 Wizytówka 3.9 Smycz


3.2 Papier firmowy 3.10 Koperta
3.3 Plakat/Citylight 3.11 T-shirt
3.4 Reklama prasowa 3.12 Opaska na dłoń
3.5 Ulotka 3.13 Czapka
3.6 Flaga/RollUp 3.14 Ścianka sponsorska
3.7 Notatnik 3.15 Stopka maila
3.8 Torba 3.16 Prezentacja
PowerPoint

Strona 29
System identyfikacji 3.1
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Wizytówka
Działanie w małej skali, brak Awers
patternu, dominują kolory
identyfikacji i logo.

Anna Kowalska

Starszy Specjalista
ds. Partnerstw Korporacyjnych

+48 606 505 404


pgenarodowy.pl anna.kowalska@mail.pl

Rewers

facebook.com/Stadion.Narodowy
Instagram.com/stadionnarodowy
youtube.com/user/stadionnarodowy1

PL.2012+ Sp. z o.o.,


Al. Księcia J. Poniatowskiego 1,
03-901 W-wa, tel:+48 22 292 99 00

Strona 30
System identyfikacji 3.1
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Wizytówka
Działanie w małej skali, brak Logo
patternu, dominują kolory
identyfikacji i logo.

Kroje opisane wdg:


rozmiar/interlinia

Anna Kowalska Titillium Text - XBold


12/9,6

Starszy Specjalista
ds. Partnerstw Korporacyjnych

+48 606 505 404


Calluna Sans - Regular
pgenarodowy.pl anna.kowalska@mail.pl 8/9,6

Calluna Sans - Regular


8/9,6

Strona 31
System identyfikacji 3.1
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Wizytówka
Działanie w małej skali, brak
patternu, dominują kolory
identyfikacji i logo.

Kroje opisane wdg:


rozmiar/interlinia

facebook.com/Stadion.Narodowy Calluna Sans - Regular

Instagram.com/stadionnarodowy 6,8/6

youtube.com/user/stadionnarodowy1

PL.2012+ Sp. z o.o.,


Al. Księcia J. Poniatowskiego 1,
Calluna Sans - Regular
03-901 W-wa, tel:+48 22 292 99 00
6,8/6

Strona 32
System identyfikacji 3.2
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Papier firmowy
Działanie w małej skali, brak
patternu, dominują kolory
identyfikacji i logo.

Nagłówek wraz z logotypem

Tekst dokumentu

Stopka oraz pasek sponsorski

Strona 33
System identyfikacji 3.2
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Papier firmowy
Działanie w małej skali, brak
patternu, dominują kolory
identyfikacji i logo.

Kroje opisane wdg: Titillium Text - XBold


rozmiar/interlinia 14/14

Calluna Sans - Regular


9/12

Titillium Text - Regular


6/7,2

Strona 34
System identyfikacji 3.3
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Plakat / Citylight
Działanie w dużej skali.
Dominuje pattern i typografia.

Strona 35
System identyfikacji 3.3
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Budowa plakatu
Pattern rozbudowany Pole Tekst Logotyp
ochronne główny
o czerwoną aplę tworzy razem
z grafiką i logotypem kompletną
kompozycję. W zależności od
jakości grafiki i ilości tekstu
dozwolone są różne układy
i proporcje pomiędzy tymi
elementami. Tutaj przykład
zastosowania typografi na
grafice. W takim układzie
headline umiejscowiony jest na
górze po lewej stronie, a logo
po prawej. Wszystkie elementy
muszą znaleźć się w polu
ochronnym wytyczonym przez
szerokość pojedynczej komórki
patternu.

Strona 36
System identyfikacji 3.3
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Budowa plakatu
Pattern rozbudowany Pole Logotyp Tekst
ochronne główny
o czerwoną aplę tworzy razem
z grafiką i logotypem kompletną
kompozycję.
W zależności od jakości grafiki
i ilości tekstu dozwolone
są różne układy i proporcje
pomiędzy tymi elementami.
Tutaj przykład zastosowania
typografi na patternie. W takim
układzie headline oraz logo
umiejscowione są po lewej
stronie. Wszystkie elementy
muszą znaleźć się w polu
ochronnym wytyczonym przez
szerokość pojedynczej komórki
patternu.

Strona 37
System identyfikacji 3.3
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Budowa plakatu
Jeśli grafika zawiera zbyt wiele
detali, które mogłyby wpłynąć
negatywnie na czytelność
logotypu używamy dodatkowej
apli pod logotypem.

Tło nie zaburza czytelności znaku, użycie Tło zaburza czytelność znaku, użycie
bez apli. z aplą.

Strona 38
System identyfikacji 0.2
Wersja 5, 20.07.2015 PGE Narodowy System

Strona 39
System identyfikacji 3.4
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Reklama prasowa
Działanie w dużej skali. Logotyp
Dominuje pattern i typografia.

Pamiętaj - możesz swobodnie


bawić się patternem,
konstruując swoje własne,
niepowtarzalne układy. Tak
jak w tym przykładzie, gdzie
zrównoważono ciężar fotografii
dynamicznym układem patternu
po lewej stronie.

Tekst
główny

Strona 40
System identyfikacji 3.4
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Reklama prasowa ¹/₂ poziom


Działanie w małej skali, brak Logotyp
patternu, dominują kolory
identyfikacji i logo. Dla
formatów nie będących całą
stroną stosujemy zasadę
podziału 50/50, gdzie jedną
część zajmuję czerwona apla
z logo i informacjami, a drugą
grafika.

Tekst
główny

Podział
50/50

Strona 41
System identyfikacji 3.4
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Reklama prasowa ¹/₂ pion


Działanie w małej skali, brak Logotyp
patternu, dominują kolory
identyfikacji i logo. Dla
formatów nie będących całą
stroną stosujemy zasadę
podziału 50/50, gdzie jedną
część zajmuję czerwona apla
z logo i informacjami, a drugą
grafika.

Podział
50/50

Tekst
główny

Strona 42
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

Strona 43
System identyfikacji 3.5
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Ulotka
Ulotka ma wymiary 120x240 mm
i jest składana na pół. Ulotka
rozkłada się do góry. Pierwsza,
stonowana strona odwołuje
się do małej skali, jednak gdy
rozłożymy ulotkę dwukrotnie
zwiększając jej rozmiary,
możemy użyć patternu.

Strona 44
System identyfikacji 3.6
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Flaga / Roll-up
Działanie w dużej skali.
Dominuje pattern i typografia.
Wielkość typografi dostosuj 1/6
(wg zasad opisanych na
stronie 18) do ilości treści.
1 / 3 Logo

1/6

1/6

1/6

2 / 3 Pattern

1/6

1/6

Strona 45
System identyfikacji 3.6
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Flaga / Roll-up
Działanie w dużej skali.
Dominuje pattern i typografia.
Flaga cało roczna. 1/6

1 / 3 Logo

1/6

1/6

1/6

2 / 3 Pattern

1/6

1/6

Strona 46
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

Flaga

Strona 47
System identyfikacji 3.7
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Notatnik
Notes posiada wytłoczone logo
wraz z wytłoczonym patternem.

Tłoczenie

Tłoczenie

Strona 48
System identyfikacji 3.8
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Torba papierowa
Działanie w małej skali, brak
patternu, dominują kolory
identyfikacji i logo. Fragmenty
logo swobodnie przechodzą
między przodem i tyłem torby,
składając się w cały znak.

Przód Tył Boki

Strona 49
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

Strona 50
System identyfikacji 3.9
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Smycz 1
Projekt smyczy wykorzystujący
jako główny motyw logotyp
wraz z fragmentem sygnetu.

Przód Tył

Strona 51
System identyfikacji 3.9
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Smycz 2
Projekt smyczy wykorzystujący
jako główny motyw pattern.

Przód Tył

Strona 52
System identyfikacji 3.10
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Koperta
Działanie w małej skali. Brak Przód
patternu, dominują kolory
identyfikacji i logo.

Tył

Strona 53
System identyfikacji 3.11
Wersja 5, 20.07.2015 PGE Narodowy
Na owy Aplikacja

T-shirt
irt
Biały t-shirt z nadrukiem
patternu.

Strona 54
System identyfikacji 3.11
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

T-shirt
Biały t-shirt z nadrukiem Wzór nadruku na tkaninie
patternu.

Strona 55
System identyfikacji 3.11
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

T-shirt
Białe lub czerwone polo
z haftowanym logiem.

Strona 56
System identyfikacji 3.12
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Opaska na rękę
Czerwona opaska z białym
nadrukiem. Ze względu na
niestandardowy format
zastosowany zostaje sam
logotyp.

Strona 57
System identyfikacji 3.13
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Czapka z daszkiem
Czerwona czapka z daszkiem
z haftowanym białym logo.

Strona 58
System identyfikacji 3.14
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Ścianka sponsorska
Ścianka na eventy organizowane
przez PGE Narodowy.

Strona 59
System identyfikacji 3.14
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Ścianka sponsorska
Ścianka na eventy organizowane
przez PGE Narodowy
i dodatkowych sponsorów.

Strona 60
System identyfikacji 3.15
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Mailing
Stopka mailowa składa się
z danych kontaktowych oraz
modułu zawierającego logo na
czerwonym tle i paska
z linkami do profili na portalach
społecznościowych.

Dane kontaktowe oraz linki do profili


Logo na portalach społecznościowych

600 px szerokości

Strona 61
System identyfikacji 3.16
Wersja 5, 20.07.2015 PGE Narodowy Aplikacja

Prezentacja PowerPoint
Przykładowe slajdy prezentacji
Przekładka 1
Tem. Soloreium estiunt aliquo quat.

PGE Narodowy Przekładka


prezentacja PowerPoint Tem. Soloreium estiunt aliquo quat.
Uciis soluptio doluptia quam quate molesti
nvelenda in rectam, omnis debita

Us atur, int pratiunt quis sum adio ent venis asped ut etum facesequia net estibus eum estis sum sinvele Cerit, utas sed quatur as quiatur sumenis ma que volent es alicium apis reicae cus assimus nus dolore
ceribus cienist laceat. Cat eium, sum in repelis duciisto etur rat reperch ilitatiis ea quam enisquiam, rerum qui dolo odiatquid exceper ovitios ipsunt peria venduci beat eum vel most, occusan tiisitias sit
WHPRVDPHWXWYROXSWLVHVWLLPLOHXPLSVDSLWTXDWLLVDPHQGLWGROXPVDHRI¿FWDWXULDQRVQLVUHKHQGLW fuga. Is re id exernatur rem eni nitatiuntur?
hitaspic temolorem venis debis unt vernamus, soluptas ulliquo eate alibus sequia que ipsus quiam quo Lupta earum cus eum hillit, es elesedignia as et aut quiat qui cusam re odios.
EODPWHVFLPLOPROXSWDTXLYROXSWDWLGHOODQWRGROXSWDWLQWRI¿FLRGLSLHWTXHTXRVTXHVLWGXQWRPDLR
Et ut eos ipsam voluptae. El minventior sendit. Mil mintium aut et laut parchic atibusame volenit ea sit, is
at faccus erit quatur? Ut mil magnistior adia et quo doles aut et ut pratur? Apienti dolorit, eaturis estis aut
molupidion nes antius ius.
Strona 1 Strona 2 Strona 3

Otwarcie Przekładka Układ dwukolumnowy

Przekładka 1 Przekładka 1 Przekładka 1


Tem. Soloreium estiunt aliquo quat. Tem. Soloreium estiunt aliquo quat. Tem. Soloreium estiunt aliquo quat.

Us atur, int Us atur, int Us atur, int


pratiunt quis pratiunt quis pratiunt quis
––––– ––––– –––––
Us atur, int pratiunt quis sum adio ent venis Us atur, int pratiunt quis sum adio ent venis Us atur, int pratiunt quis sum adio ent venis
asped ut etum facesequia net estibus eum asped ut etum facesequia net estibus eum asped ut etum facesequia net estibus eum
estis sum sinvele ceribus cienist laceat. estis sum sinvele ceribus cienist laceat. estis sum sinvele ceribus cienist laceat.
Cat eium, sum in repelis duciisto etur rat Cat eium, sum in repelis duciisto etur rat Cat eium, sum in repelis duciisto etur rat
reperch ilitatiis ea quam enisquiam, temosam reperch ilitatiis ea quam enisquiam, temosam reperch ilitatiis ea quam enisquiam, temosam
et ut voluptis esti imil eum ipsapit, quatiis et ut voluptis esti imil eum ipsapit, quatiis et ut voluptis esti imil eum ipsapit, quatiis
DPHQGLWGROXPVDHRI¿FWDWXULDQRVQLV DPHQGLWGROXPVDHRI¿FWDWXULDQRVQLV DPHQGLWGROXPVDHRI¿FWDWXULDQRVQLV
rehendit hitaspic temolorem venis debis rehendit hitaspic temolorem venis debis rehendit hitaspic temolorem venis debis
unt vernamus, soluptas ulliquo eateEcae unt vernamus, soluptas ulliquo eateEcae unt vernamus, soluptas ulliquo eateEcae
consequi dolor aut prerfer umquis cores a consequi dolor aut prerfer umquis cores a consequi dolor aut prerfer umquis cores a
alibusciis enienis ea dolorae pellabo. Sum alibusciis enienis ea dolorae pellabo. Sum alibusciis enienis ea dolorae pellabo. Sum
reic te laceped quis re pa sapelig endandam reic te laceped quis re pa sapelig endandam reic te laceped quis re pa sapelig endandam
voluptas doluptatur? voluptas doluptatur? voluptas doluptatur?
Seditaeperum ut mincit odia aut lant Seditaeperum ut mincit odia aut lant Seditaeperum ut mincit odia aut lant
pediscipsunt volum remolup iciuntu ribusan pediscipsunt volum remolup iciuntu ribusan pediscipsunt volum remolup iciuntu ribusan
ditibus, ut alitaec ullacerunt lam seris et de ditibus, ut alitaec ullacerunt lam seris et de ditibus, ut alitaec ullacerunt lam seris et de
quaspid quamusdae et opta auta velicto quaspid quamusdae et opta auta velicto quaspid quamusdae et opta auta velicto
beat eici dis perior magnianissum estrum Us atur, int Cat eium, Uuatiis am endit Soluptas beat eici dis perior magnianissum estrum beat eici dis perior magnianissum estrum
iur si dolorrorum volupta se volor ra adis iur si dolorrorum volupta se volor ra adis iur si dolorrorum volupta se volor ra adis
pediatur aut aruptate molorro enda iliqui pratiunt quis duciisto dolum ulliquo eate pediatur aut aruptate molorro enda iliqui pediatur aut aruptate molorro enda iliqui
volendam, sinto te latem fuga. Sequundam ––––– ––––– ––––– ––––– volendam, sinto te latem fuga. Sequundam volendam, sinto te latem fuga. Sequundam
re, si rerionseque dollabo. Ut veligendant et re, si rerionseque dollabo. Ut veligendant et re, si rerionseque dollabo. Ut veligendant et
et hilleca borerfe. et hilleca borerfe. et hilleca borerfe.
Us atur, int pratiunt quis sum adio ent venis asped Us atur, int pratiunt quis sum adio ent venis asped Us atur, int pratiunt quis sum adio ent venis asped Us atur, int pratiunt quis sum adio ent venis asped
ut etum facesequia net estibus eum estis sum ut etum facesequia net estibus eum estis sum ut etum facesequia net estibus eum estis sum ut etum facesequia net estibus eum estis sum
sinvele ceribus cienist laceat. Cat eium, sum in sinvele ceribus cienist laceat. Cat eium, sum in sinvele ceribus cienist laceat. Cat eium, sum in sinvele ceribus cienist laceat. Cat eium, sum in
repelis duciisto etur rat reperch ilitatiis ea quam repelis duciisto etur rat reperch ilitatiis ea quam repelis duciisto etur rat reperch ilitatiis ea quam repelis duciisto etur rat reperch ilitatiis ea quam
enisquiam, temosam et ut voluptis esti imil eum enisquiam, temosam et ut voluptis esti imil eum enisquiam, temosam et ut voluptis esti imil eum enisquiam, temosam et ut voluptis esti imil eum
LSVDSLWTXDWLLVDPHQGLWGROXPVDHRI¿FWDWXULDQRV LSVDSLWTXDWLLVDPHQGLWGROXPVDHRI¿FWDWXULDQRV ipsapit, quatiis am endit dolum LSVDSLWTXDWLLVDPHQGLWGROXPVDHRI¿FWDWXULDQRV
nis rehendit hitaspic temolorem venis debis unt nis rehendit hitaspic temolorem venis debis unt nis rehendit hitaspic temolorem venis debis unt
vernamus, soluptas ulliquo eate vernamus, soluptas ulliquo eate alibus sequia que vernamus, soluptas ulliquo eate
ipsus quiam quo blam

Strona 5 Strona 4 Strona 6

Układ jednokolumnowy Układ czterokolumnowy Układ czterokolumnowy

Strona 62
System identyfikacji 0.1
Wersja 5, 20.07.2015 PGE Narodowy Logotyp

Strona 63

You might also like