Wzornik, identyfikacjaWróć do portfolio

Identyfikacja wizualna, festiwal sztuki nowych mediów, Łódź

PiątekPrzędzalnia100 BPM10 nitek3,7 drgańziarno 0xAC17B364
Dzień
Scena

Skręcone nitki, jak przędza na wrzecionie: pęk linii obraca się wokół własnej osi.

Piątek jest szybki i zaczyna mocno: energia sygnału kumuluje się na początku, a barwa jest cynobrowa.

Piątek, Przędzalnia, 100 BPM, ziarno 0xAC17B364

Nośna

Znak, który jest systemem: jedna nośna, a dookoła niej tyle pól, ile festiwal ma dni, scen i temp.

Co dostaniesz: dwanaście pól do pobrania jako SVG, brand book na 28 stron, 2 PDF do druku (wizytówka i papier firmowy), animację MP4 i WebM oraz paczkę ZIP z logo, kolorami i krojami. Przejdź do listy plików.

Piątek

Zadanie, kierunek, proces

01

Klient i zadanie

Nośna to trzydniowy festiwal sztuki nowych mediów i muzyki elektronicznej w dawnej przędzalni w Łodzi. Piątek, sobota i niedziela, cztery sceny w czterech halach, instalacje, koncerty i noc klubowa.

Przez dwie edycje festiwal wisiał na plakatach z innym logo co roku, a każdy wykonawca dostawał własną grafikę. Zespół programowy nie miał jednego znaku, który dałoby się powielić bez grafika.

Zadanie: identyfikacja, która zostaje ta sama, a mimo to może wyglądać inaczej dla każdego dnia, sceny i tempa. Do tego generator, którym organizatorzy sami zrobią plakat, bilet i post na sceny, o których nikt jeszcze nie pomyślał.

Branża
festiwal sztuki nowych mediów i muzyki elektronicznej
Miejsce
Łódź, dawna przędzalnia
Zakres
strategia, logo jako system, generator, makiety, animacja, brand book
Odbiorcy
ludzie od 20 do 40 lat z Łodzi, Warszawy i Berlina oraz artyści z naboru
02

Kierunek i strategia

Sygnał zamiast ozdoby

Fala nośna to stały sygnał, który po zmodulowaniu niesie treść. Tak działa identyfikacja Nośnej: napis, linia nośna i mały pierścień odbiornika nigdy się nie ruszają. Wszystko wokół nich jest modulacją, czyli polem, które powstaje z trzech parametrów: dnia, sceny i tempa.

Łódź to miasto włókna, więc nitki, przędza i krosna dają język: sceny nazywają się Przędzalnia, Tkalnia, Farbiarnia i Wykończalnia. Pole ma charakter tkaniny zapisanej liczbami. Tło jest jasne i drukarskie, a kolor niesie wyłącznie dzień. Dzięki temu strona wygląda jak program festiwalu, a nie jak ulotka z klubu.

sygnałnićmodulacja

Sygnał

Mówimy rzeczy, które da się zmierzyć: godzinę, halę, tempo. Szum zostawiamy artystom.

Eksperyment

Każda edycja próbuje czegoś, co jeszcze nie miało nazwy. Identyfikacja ma to unieść.

Miasto z włókna

Przędzalnie, krosna i nitka są historią Łodzi i zostają tu jako język formy.

Odbiorcy
Dwudziesto i trzydziestolatkowie z Łodzi, Warszawy i Berlina, którzy chodzą na koncerty i wystawy, oraz artyści i projektanci dźwięku, którzy zgłaszają się do programu.
Osobowość
precyzyjna, eksperymentalna, otwarta
Czego unikamy
ciemnego neonu i cyberestetyki, ulotek klubowych oraz losowości bez reguł
Nośna to trzydniowy festiwal sztuki nowych mediów i muzyki elektronicznej w dawnej fabryce w Łodzi, w którym każdy dzień, scena i tempo ma swój wygenerowany znak.
03

Plakaty dni i identyfikator

Identyfikator festiwalowy i trzy plakaty Nośnej na tle czerwonym, morskim i różowym, z czarnym polem nitek i widocznym pierścieniem.
Trzy plakaty, po jednym na dzień, na kolorze dnia z polem w atramencie, i identyfikator na smyczy. Pierścień odbiornika zostaje widoczny na każdym formacie.
04

Proces

Zaczęliśmy od trzech kierunków narysowanych szybko i surowo. Każdy odpowiada na to samo pytanie: co w znaku ma być stałe, a co ma się zmieniać.

Cztery nitki

Cztery poziome nitki, po jednej na scenę, których interferencja tworzy część generowaną.

Odpadły, bo przy czterech liniach dwanaście wariantów różni się tylko grubością i przesunięciem. Za mało, żeby dzień i tempo były widoczne z daleka.

Ruchomy akcent

Kreska nad literą ś zmienia kształt zależnie od parametrów.

Odpadł, bo pole jest zbyt małe, żeby unieść dwanaście wersji, a na ekranie telefonu zmiana jest niewidoczna. Jako element systemu byłby słaby, jako ozdoba zbędny.

Nośna i pole

Stała linia nośna z pierścieniem i napisem oraz generowane pole modulacji nad nią. Rozpoznawalność niesie stała część, a różnorodność pole. Dwanaście wariantów (trzy dni razy cztery sceny) czyta się jako jedną markę, bo zawsze mają tę samą nośną, ten sam pierścień i tę samą grubość nitki.

Ręczny kerning

Napis w kroju Syne 800 jest bardzo szeroki, więc pary No, śn i na zostały ściągnięte, a oś odrobinę rozsunięta, żeby kreska nad ś nie dotykała sąsiadów.

Napis Nośna bez korekty kerningu
Bez korekty
Napis Nośna po ręcznej korekcie kerningu
Po korekcie, kontur pokazuje stary rozstawPary w tysięcznych em: No -6, oś +4, śn -2, na -4
Cztery powiększone złącza liter napisu Nośna, z czerwonym konturem starego rozstawu obok czarnego napisu po korekcie
Złącza par No, oś, śn i na w dużym powiększeniu. Czerwony kontur to rozstaw bez korekty, czarny napis to rozstaw po korekcie.

Wyrównania optyczne i test czytelności

Nośna kończy się pierścieniem dokładnie w prawej krawędzi napisu, a pole zaczyna się w tej samej odległości od lewej. Dzięki temu pole i napis tworzą jeden prostokąt.

Pełny sygnet czyta się od 48 pikseli. Poniżej zastępuje go uproszczony znak w kwadracie: jedna soczewka, nośna i pierścień na atramencie, czytelny w karcie przeglądarki. Ikona strony jest uproszczoną pochodną sygnetu, a nie osobnym znakiem.

  • ikona strony, 16 px
  • 24 px
  • 48 px
  • pełny sygnet, 48 px
  • 96 px
  • 192 px

Sobota

System i generator

05

Logo jako system

Co stałe

  • Napis Nośna w kroju Syne 800, zawsze atramentem.
  • Linia nośna o grubości 9 jednostek, zawsze w tej samej wysokości.
  • Pierścień odbiornika po prawej, zawsze w tym samym miejscu.
  • Pole zaczyna się i kończy na nośnej, nigdy jej nie opuszcza.
Trzy obwiednie pola: piątek z szczytem na początku, sobota symetryczna, niedziela ze szczytem na końcu
  • Piątek: szczyt bliżej początku
  • Sobota: szczyt pośrodku pola
  • Niedziela: szczyt bliżej końca
Obwiednia pola od początku do końca nośnej. Kropka to szczyt energii.
  • Logo Nośna, wersja główne

    Główneznak z napisem, gdy jest miejsce

  • Logo Nośna, wersja poziome

    Poziomepaski, nagłówki i podpis e-mail

  • Logo Nośna, wersja pionowe

    Pionowesmycze, grzbiety i wąskie pola

  • Logo Nośna, wersja sygnet

    Sygnetsamo pole i nośna, awatary i plakaty

  • Logo Nośna, wersja jednokolorowe

    Jednokoloroweczarne, do druku w jednym kolorze

  • Logo Nośna, wersja negatyw

    Negatywjasne na atramencie

Logo główne otoczone polem ochronnym równym wysokości litery N

Pole ochronne

Pole ochronne jest równe wysokości litery N z napisu Nośna. Żaden tekst ani brzeg kartki nie wchodzi w ten obszar.

Minimalne rozmiary

Każdy znak ma jeden próg: poniżej niego używamy mniejszego znaku. Poniżej rysunki w skali 1:1.

  • Logo główne120 px, 32 mm w druku

  • Logo poziome96 px, 30 mm w druku

  • Sygnet48 px, 12 mm w druku

  • Ikona strony16 px na ekranie

06

Dwanaście pól

Dwanaście kombinacji trzech dni i czterech scen, każda przy tempie wyjściowym sceny. Czyta się je jako jedną markę, bo zawsze mają tę samą nośną, ten sam pierścień i tę samą grubość nitki. Każde pole można pobrać jako osobny plik SVG.

  • Dzieńkolor, faza i miejsce szczytuPiątek jest cynobrowy, a szczyt energii leży na początku pola. Sobota jest morska i symetryczna. Niedziela jest magentowa, a szczyt leży na końcu.
  • Scenarodzina kształtuPrzędzalnia daje skręcone nitki, Tkalnia schodki z kart krosna, Farbiarnia wypełnione pasma, Wykończalnia wachlarz linii.
  • Tempogęstość i częstotliwośćOd 60 do 180 BPM. Im szybciej, tym więcej nitek i więcej drgań na długości pola. Zakres nitek zależy od sceny.
  • Ziarnodrobne różniceZiarno jest skrótem z dnia, sceny i tempa, więc ten sam zestaw zawsze daje ten sam znak. Ziarno przesuwa fazę i rozstrajka nitki o ułamki procenta.
07

Kolor

  • Atrament#0E0E12tekst, nośna, pierścień, ciemne tło
  • Piątek#FF3D1Fkolor piątku, wypełnienia i nitki pola
  • Sobota#00B3A4kolor soboty, wypełnienia i nitki pola
  • Niedziela#FF2D95kolor niedzieli, wypełnienia i nitki pola
  • Piątek ciemny#B02A0Bpiątek w tekście na kości
  • Sobota ciemna#00695Fsobota w tekście na kości
  • Niedziela ciemna#A8005Cniedziela w tekście na kości
  • Papier#F6F4EFkarty, panele, kartki
  • Kość#E9E6DEtło strony i plakatów
  • Mgła#CFCBC0linie, obwódki, tło tabel
  • Dym#8F8B82cienkie linie, bez tekstu
  • Grafit#4B4B50tekst drugorzędny, podpisy
Tabela kolorów: HEX, RGB, OKLCH i CMYK
Kolory marki w zapisie HEX, RGB, OKLCH i przybliżonym CMYK
KolorHEXRGBOKLCHCMYK (przybliżony)
Atrament#0E0E1214 14 18oklch(16.6% 0.008 285.5)C 22 M 22 Y 0 K 93
Piątek#FF3D1F255 61 31oklch(65.5% 0.233 31.6)C 0 M 76 Y 88 K 0
Sobota#00B3A40 179 164oklch(68.9% 0.122 184.4)C 100 M 0 Y 8 K 30
Niedziela#FF2D95255 45 149oklch(66.5% 0.249 357.3)C 0 M 82 Y 42 K 0
Piątek ciemny#B02A0B176 42 11oklch(49.8% 0.175 33.4)C 0 M 76 Y 94 K 31
Sobota ciemna#00695F0 105 95oklch(46.8% 0.083 183.6)C 100 M 0 Y 10 K 59
Niedziela ciemna#A8005C168 0 92oklch(47.5% 0.194 357.9)C 0 M 100 Y 45 K 34
Papier#F6F4EF246 244 239oklch(96.7% 0.007 88.6)C 0 M 1 Y 3 K 4
Kość#E9E6DE233 230 222oklch(92.5% 0.011 89.7)C 0 M 1 Y 5 K 9
Mgła#CFCBC0207 203 192oklch(84.2% 0.016 90.3)C 0 M 2 Y 7 K 19
Dym#8F8B82143 139 130oklch(63.8% 0.014 86.9)C 0 M 3 Y 9 K 44
Grafit#4B4B5075 75 80oklch(41.5% 0.008 286)C 6 M 6 Y 0 K 69

Kontrast

Każda para tekstu i tła w systemie ma policzony stosunek kontrastu. Teksty spełniają WCAG AA, a barwy dni na kości służą wyłącznie jako dekoracja, więc w tekście na jasnym tle używamy ich ciemnych odpowiedników.

Pełna tabela kontrastu (25 par)
Kontrast każdej pary tekst i tło używanej w systemie
UżycieParaKontrastWymógPoziom
tekst podstawowy na tle stronyAa#0E0E12 na #E9E6DE15,44:14,5:1, tekstAAA
tekst na kartach i papierze firmowymAa#0E0E12 na #F6F4EF17,52:14,5:1, tekstAAA
tekst w tabelach i na tle sekcjiAa#0E0E12 na #CFCBC011,88:14,5:1, tekstAAA
tekst drugorzędny, podpisy, parametryAa#4B4B50 na #E9E6DE6,95:14,5:1, tekstAA
podpisy na kartachAa#4B4B50 na #F6F4EF7,89:14,5:1, tekstAAA
piątek jako tekst na kościAa#B02A0B na #E9E6DE5,29:14,5:1, tekstAA
sobota jako tekst na kościAa#00695F na #E9E6DE5,29:14,5:1, tekstAA
niedziela jako tekst na kościAa#A8005C na #E9E6DE5,97:14,5:1, tekstAA
piątek jako tekst na kartachAa#B02A0B na #F6F4EF6:14,5:1, tekstAA
tekst na polu piątkuAa#0E0E12 na #FF3D1F5,45:14,5:1, tekstAA
tekst na polu sobotyAa#0E0E12 na #00B3A47,32:14,5:1, tekstAAA
tekst na polu niedzieliAa#0E0E12 na #FF2D955,56:14,5:1, tekstAA
negatyw: jasny tekst na atramencieAa#E9E6DE na #0E0E1215,44:14,5:1, tekstAAA
tekst drugorzędny na atramencieAa#CFCBC0 na #0E0E1211,88:14,5:1, tekstAAA
piątek jako tekst na atramencieAa#FF3D1F na #0E0E125,45:14,5:1, tekstAA
sobota jako tekst na atramencieAa#00B3A4 na #0E0E127,32:14,5:1, tekstAAA
niedziela jako tekst na atramencieAa#FF2D95 na #0E0E125,56:14,5:1, tekstAA
jasny tekst na grafitowym tleAa#E9E6DE na #4B4B506,95:14,5:1, tekstAA
duże nagłówki i napis festiwaluAa#0E0E12 na #E9E6DE15,44:13:1, duży tekstAAA
obrys fokusu, ramki pól i suwak generatoraAa#0E0E12 na #E9E6DE15,44:13:1, element interfejsuAAA
aktywny przycisk dnia i znacznik suwakaAa#B02A0B na #E9E6DE5,29:13:1, element interfejsuAA
nitki pola w kolorze piątku na kościAa#FF3D1F na #E9E6DE2,84:1brakdekoracja
nitki pola w kolorze soboty na kościAa#00B3A4 na #E9E6DE2,11:1brakdekoracja
nitki pola w kolorze niedzieli na kościAa#FF2D95 na #E9E6DE2,78:1brakdekoracja
cienkie linie podziału i wzórAa#8F8B82 na #E9E6DE2,72:1brakdekoracja
08

Typografia

Syne

Sygnał niesie treść. Sobota, 22:00, Tkalnia, 128 BPM.

Nagłówki i napis. Grubości 500, 700 i 800. Licencja OFL.

Martian Mono

Sygnał niesie treść. Sobota, 22:00, Tkalnia, 128 BPM.

Parametry, godziny i ziarna. Grubości 400, 500 i 700. Licencja OFL.

  • Tytuł56 px, interlinia 1,02. okładki, nazwy dni, hasło strony
  • Nagłówek32 px, interlinia 1,1. sekcje i plakaty
  • Podtytuł20 px, interlinia 1,35. wstępy i lead
  • Tekst16 px, interlinia 1,6. akapity i opisy
  • Parametr13 px, interlinia 1,5. godziny, tempo, ziarno, podpisy

ĄĆĘŁŃÓŚŹŻ ąćęłńóśźż 0123456789 → ×

09

Ikony i wzór

  • bilet
  • fala
  • głośnik
  • krosno
  • nic
  • pinezka
  • projektor
  • scena
  • słuchawki
  • szpula
  • wejście
  • zegar

Wzór z interferencji

Dwanaście przesuniętych w fazie fal, które po złożeniu dają kafel bez szwu. Wzór ma barwę dnia albo atramentu i służy jako tło plakatów i koperty.

Linia nośna jako linijka

Nośna przecina każdy format od krawędzi do krawędzi i kończy się pierścieniem. Układa kolumny i dzieli kartkę.

Program w kolumnach

Trzy kolumny dni, w każdej godziny w kroju monospace. Układ przypomina rozkład jazdy i drukowany program festiwalu.

  • Trzy kolumny, jedna na dzień. Każda w swoim kolorze.
  • Godziny, parametry i ziarno w kroju monospace, tekst w Syne.
  • Pole zawsze na nośnej, nigdy obok niej i nigdy pod napisem.
  • Zero tekstur, zdjęć w tle i cieni w znaku, wzorze i układach. Kolor jest płaski, cień pojawia się tylko pod przedmiotami w makietach.
  • Kolor niesie dzień na dwa sposoby: nitki w kolorze dnia na atramencie albo pole w atramencie na tle w kolorze dnia. Na kości kolor dnia jest tylko dekoracją.
  • Pierścień odbiornika zawsze jest widoczny. Pole może wyjść poza lewą krawędź plakatu, prawa strona kończy się pierścieniem.
10

Zdjęcia i ton głosu

Zdjęć w tym projekcie nie generujemy. Opis stylu dla fotografa: dokumentacja pracy artystów w hali, światło zastane, bez lamp błyskowych. Kadry szerokie, z ludźmi przy urządzeniach, kablami i projektorami widocznymi w kadrze. Ostrość na dłoniach i interfejsach, tło może się rozmywać. Kolory neutralne, przyciemniony kontrast, bez nasycania. Zdjęcia nie mają ramek, kolor dnia pojawia się tylko w podpisie.

Podajemy dane, nie przymiotniki

Godzina, hala, tempo. Resztę dopowiada program.

TakSobota, 22:00, Tkalnia. 128 BPM.

NieNiesamowita noc pełna elektryzujących brzmień!

Mówimy jak program, nie jak ulotka

Krótkie wpisy w kolumnie, bez wykrzykników i bez haseł.

TakPrzędzalnia: instalacja na 32 szpule. Wstęp wolny.

NieNie przegap, to będzie najlepszy weekend w roku!

Nazywamy rzeczy po łódzku

Sceny mają nazwy z fabryki. Używamy ich zawsze i bez tłumaczenia.

TakSpotkajmy się w Farbiarni.

NieSpotkajmy się na stage numer trzy.

Zostawiamy miejsce na eksperyment

Nie obiecujemy, że będzie ładnie. Obiecujemy, że będzie nowo.

TakPremiera: chór sterowany modemami.

NieGwarantujemy świetną zabawę dla każdego.

Niedziela

Animacja, zastosowania, pliki

11

Animacja

Linia nośna jest nieruchoma, a pole przechodzi przez trzy dni: piątek, sobotę i niedzielę, zmieniając kolor i miejsce szczytu. Na końcu osiada w znaku głównym. Całość trwa trzy sekundy. Przy ustawieniu ograniczenia ruchu strona pokazuje nieruchome logo.

12

Użycie w praktyce

Media społecznościowe

  • Awatar Nośnej: czerwone pole nitek na linii nośnej na ciemnym tleAwatar
  • Post w mediach społecznościowych: Piątek. Przędzalnia, 18:00. Instalacja na 32 szpule. Wstęp wolny.Piątek
  • Post w mediach społecznościowych: Sobota. Tkalnia, 22:00. Koncert na 8 syntezatorów modularnych. 128 BPM.Sobota
  • Post w mediach społecznościowych: Niedziela. Wykończalnia, do rana. Noc klubowa na 146 BPM.Niedziela
13

Pliki do pobrania

Pliki marki leżą w jednej paczce ZIP i osobno na liście poniżej. Paczka zawiera logo, kolory, kroje, ikony, wzór, druki, media społecznościowe i brand book. Makiet i animacji logo w niej nie ma, pobierasz je z listy. Rozwiń grupę, żeby zobaczyć pliki z wymiarami. Dwanaście wariantów znaku to osobne pliki SVG w grupie Logo.

Cała paczka waży 4,2 MB.

nosna-identyfikacja.zip4,2 MB

CMYK w tabeli kolorów jest przybliżony. Do druku zamów próbny wydruk. Odpowiedników Pantone nie podajemy.

Twój znak też może być systemem

Opowiedz mi o wydarzeniu, marce albo produkcie, który zmienia się częściej niż jedna kampania. Zaproponuję stałą część i reguły dla zmiennej, pokażę trzy kierunki i dowiozę komplet plików razem z generatorem.

Zobacz ofertę dla klientów