--- title: "Case study: Miasta Gwarków – identyfikacja wizualna | Sweet Lava" description: "Pełna identyfikacja marki turystycznej Miasta Gwarków: znak, typografia, kolory oraz system nośników. Zobacz, jak projektowaliśmy ją krok po kroku." url: https://sweetlava.eu/pl/projekty/miasta-gwarkow/ lang: pl alternate_en: https://sweetlava.eu/en/work/miasta-gwarkow/ --- Kultura i turystyka # Miasta Gwarków – identyfikacja wizualna szlaku dziedzictwa przemysłowego Pełna identyfikacja wizualna marki turystycznej, od znaku po system nośników. Znak, typografia, kolory oraz zasady, dzięki którym marka mówi jednym głosem w druku i na ekranie. Agnieszka Wróblewska ·Jerzy Koenigshaus ![Identyfikacja wizualna Miasta Gwarków](https://cdn.sanity.io/images/pgdlccfz/production/328bc9aba2f4c94eacae46e399c035c73e8c7165-8000x4500.jpg?w=1600&q=90&auto=format) Kontekst Miasta Gwarków łączą Tarnowskie Góry, Bytom oraz Zbrosławice w jeden szlak turystyczny wokół śląskiego dziedzictwa przemysłowego. Marka należy do Lokalnej Organizacji Turystycznej i opowiada o trzech siłach regionu, czyli kruszcu, wodzie oraz przyrodzie. Zaprojektowaliśmy dla niej pełną identyfikację wizualną: od znaku, przez typografię i kolory, po system elementów graficznych, zasady fotografii oraz nośniki w terenie. Strony internetowej nie budowaliśmy, ale identyfikację przygotowaliśmy tak, by działała równie dobrze w druku, jak na ekranie. Wyzwanie Marka miała sprawdzać się wszędzie: na słupku informacyjnym przy kopalni, na plakacie, w broszurze czy w mediach społecznościowych. Dziedzictwo przemysłowe łatwo podać ciężko i muzealnie, my chcieliśmy znaku, który niesie historię regionu, a przy tym zaprasza do zwiedzania. Drugim zadaniem była systemowość: identyfikacja musiała dać organizacji narzędzia, którymi jedna osoba rozwinie markę samodzielnie, bez zgadywania. ## Znak, który zaczyna się od kręgów na wodzie Sąsiadujące miasta oddziałują na siebie jak fale na wodzie: każda zmienia się i przenika z kolejnymi. Ten obraz stał się punktem wyjścia. Z układu trzech okręgów, dzielonego na matematycznie wyznaczone fragmenty, wyprowadziliśmy sygnet, a w abstrakcyjne kształty wpisaliśmy lokalne ikony: kuplę, Bramę Gwarków, wodę oraz pofałdowany pejzaż. Całość zamknęliśmy w syntetycznej formie tarczy herbowej. Znak działa w czterech wariantach: poziomym, pionowym, z pełną nazwą „Lokalna Organizacja Turystyczna" oraz sygnetowym. Każdy ma zdefiniowane pole ochronne, siatkę modułową i wielkości minimalne, od 8 mm w druku po 24 px na ekranie, dlatego nikt nie musi zgadywać, kiedy którego użyć. ## Typografia i kolory W logotypie pracuje Grenze SemiBold: antykwa łacińska z subtelnym śladem gotyku, wciąż obecnego na śląskich kamienicach i tablicach. Komunikację oparliśmy na Merriweather Sans oraz szeryfowym Merriweather, czyli znakach ponad 100 języków i wysokiej czytelności także w małych stopniach pisma. Wszystkie kroje są darmowe na licencji OFL i dostępne w Google Fonts, więc marka nie płaci za licencje, również na przyszłej stronie internetowej. Paletę zbudowaliśmy na dwóch barwach. Granat (Pantone 287 C) daje stabilność i powagę dziedzictwa, pomarańcz (Pantone 1585 C) wnosi ciepło oraz energię zaproszenia do zwiedzania. Uzupełniają je spokojna szarość i pastelowy róż, zarezerwowane dla publikacji o cichszym tonie. ![Plansza typograficzna: litera „a" i pełny alfabet kroju Grenze SemiBold w granacie](https://cdn.sanity.io/images/pgdlccfz/production/970dbf916effae5a01468c1ba39df6ff112a1354-2814x3751.jpg?w=2000&q=90&auto=format) Grenze SemiBold, krój logotypu: antykwa z subtelnym śladem gotyku śląskich szyldów i tablic ![Plansza typograficzna: litera „a" i alfabet kroju Merriweather Sans w granacie](https://cdn.sanity.io/images/pgdlccfz/production/d9bdc79f5fe403ef03a7f2b15fae569e12a65698-2814x3751.jpg?w=2000&q=90&auto=format) Merriweather Sans, podstawa komunikacji: znaki ponad 100 języków, czytelność także na małych ekranach ![Plansza kolorystyki: granatowe i pomarańczowe koła z wartościami CMYK, RGB, HEX i Pantone](https://cdn.sanity.io/images/pgdlccfz/production/0f6b138d9293fcae5e518e0d75f908b1deef0f85-2814x3751.jpg?w=2000&q=90&auto=format) Paleta podstawowa: granat Pantone 287 C oraz pomarańcz Pantone 1585 C wraz z tintami ## Elementy graficzne Każdy element systemu ma własne zadanie. Gradient z teksturą tworzy tła, w których „zanurzają się" zdjęcia i typografia. Piktogramy prowadzą po atrakcjach szlaku szybciej niż tekst. Zygzak przywołuje perforację biletu i nadaje materiałom turystyczny, lekko retro charakter. Ringi to te same kręgi fal, z których narodził się znak, tym razem w roli samodzielnej grafiki. ![Zestaw 25 granatowych piktogramów liniowych: m.in. fale, brama, kask gwarka, aparat, rower, koń](https://cdn.sanity.io/images/pgdlccfz/production/48ea6c1241c3d4660759ae05f79fc01211b95745-2814x2813.jpg?w=2000&q=90&auto=format) Piktogramy: od kasku gwarka po lody i rower, szybka nawigacja po atrakcjach szlaku ![Pomarańczowy element graficzny z koncentrycznych, przerywanych okręgów](https://cdn.sanity.io/images/pgdlccfz/production/491403598883bfbab1b69a0d68834c7e80fc1324-2814x2813.jpg?w=2000&q=90&auto=format) Ringi: kręgi fal, z których narodził się znak, w roli samodzielnej grafiki ![Granatowy gradient z drobną, ziarnistą teksturą przechodzący w biel](https://cdn.sanity.io/images/pgdlccfz/production/4d3d491d43d621436fe8ab3f71630f4dfd417679-2814x2813.jpg?w=2000&q=90&auto=format) Gradient z teksturą: tło, w którym „zanurzają się" zdjęcia i typografia ## System w praktyce Layouty plakatów i afiszy stoją na siatkach kompozycyjnych, dzięki którym kolejne formaty projektuje się szybko i bez przypadkowości. Do zdjęć powstała matryca tematów łącząca wartości Człowiek, Kultura i Natura w gotowe scenariusze: fotografia pokazuje ludzi w ruchu, w trakcie odkrywania zabytków, zamiast pustych panoram. System obsługuje też różne nastroje: pełna paleta wraz z kompletem elementów graficznych pasuje do wydarzeń, a wersja ograniczona do treści o poważnym wydźwięku. ![Plakat Miast Gwarków: roześmiana kobieta w pomarańczowych okularach je lody, wokół ringi i zygzak](https://cdn.sanity.io/images/pgdlccfz/production/991977a06491e1fb938b467ab6c9f13d46cb225e-2646x3729.jpg?w=2000&q=90&auto=format) Plakat wydarzenia: fotografia zanurzona w ringach, krawędź zdjęcia ząbkowana jak bilet ![Wariant plakatu Miast Gwarków z tym samym zdjęciem w innym kadrze](https://cdn.sanity.io/images/pgdlccfz/production/b6d2bda76a98dcca72458dccf239bb84e6200c3f-2646x3729.jpg?w=2000&q=90&auto=format) Ten sam layout w drugim kadrze: siatka kompozycyjna pozwala wariantować bez utraty spójności ![Pomarańczowy afisz z kalendarzem wydarzeń 23–30 czerwca i granatową typografią](https://cdn.sanity.io/images/pgdlccfz/production/cae532cfeb96162af34224e0198bc29d2e6e275b-2646x3729.jpg?w=2000&q=90&auto=format) Afisz programowy: kalendarz wydarzeń na pomarańczowym polu, daty złożone kursywą Grenze ![Trzy plakaty Miast Gwarków za szybą miejskiej witryny](https://cdn.sanity.io/images/pgdlccfz/production/33c9f6bacb6cc5f16142fb3f45e34867f66bc834-3500x2500.jpg?w=2000&q=90&auto=format) Ekspozycja miejska: seria plakatów w witrynie mówi jednym głosem ![Granatowo-pomarańczowa flaga Miast Gwarków z sygnetem na maszcie, na tle nieba](https://cdn.sanity.io/images/pgdlccfz/production/1be05eaee12b86940c4c4bc102856b74b7fedcc2-3250x3750.jpg?w=2000&q=90&auto=format) Flaga: sygnet i gradient pozostają czytelne z daleka ![Dwa wielkoformatowe banery Miast Gwarków na betonowej elewacji budynku](https://cdn.sanity.io/images/pgdlccfz/production/9f477c0ee3e661b174d6d2b332047d7388192e2d-3250x3750.jpg?w=2000&q=90&auto=format) Siatki wielkoformatowe: pełna i stonowana odsłona palety w jednym systemie ### Publikacje tradycyjne i digital W drukach historia regionu spotyka się ze współczesnością: XVI-wieczne ryciny górnicze oraz archiwalne mapy pól górniczych sąsiadują z dynamiczną fotografią. Na tych zasadach powstały broszury, ulotki DL, zaproszenia i programy wydarzeń, a obok nich szablony postów, stories oraz banerów, dzięki którym media społecznościowe można prowadzić bez projektanta przy każdym poście. ![Zestaw projektów postów, stories i banerów internetowych Miast Gwarków w różnych formatach](https://cdn.sanity.io/images/pgdlccfz/production/671fc31d326b418eff723a5d03d4984bd4988000-4001x2251.jpg?w=2000&q=90&auto=format) Szablony digital: posty, stories i banery, od rycin górniczych po współczesne fotografie ![Okładka broszury z historyczną ryciną kopalni oraz otwarta rozkładówka ze zdjęciem lasu i sztolni](https://cdn.sanity.io/images/pgdlccfz/production/ed46223a9ffff5949bc185b38d2a6b16814f1bae-1384x2000.jpg?w=2000&q=90&auto=format) Broszura: na okładce XVI-wieczna rycina kopalni, w środku współczesne zdjęcia szlaku ![Siatka ulotek DL z archiwalną mapą, czarno-białym zdjęciem gwarka i napisem „Zamurz się w historii"](https://cdn.sanity.io/images/pgdlccfz/production/56497b8bfb2f89d2a305ea4fc2671046ac97febe-2850x3800.jpg?w=2000&q=90&auto=format) Ulotki DL: archiwalne mapy pól górniczych, portrety gwarków i różowy akcent palety uzupełniającej ![Rozłożona ulotka składana z granatowo-pomarańczowym gradientem i programem wydarzeń](https://cdn.sanity.io/images/pgdlccfz/production/be11078a8f0f8f4001e6365c43187501938c05eb-3000x2250.jpg?w=2000&q=90&auto=format) Program wydarzenia w formacie DL: gradient przechodzi przez całą składkę ![Otwarte zaproszenie z granatowym wnętrzem i programem złożonym białym pismem](https://cdn.sanity.io/images/pgdlccfz/production/97a931b85a5050ba434f684f684c701fe8f3492b-2500x1875.jpg?w=2000&q=90&auto=format) Zaproszenie: tekstura gradientu i typografia w kontrze ### Nośniki i gadżety Identyfikacja schodzi na poziom przedmiotów: wizytówki, papier firmowy, teczka, torba, smycze z identyfikatorami dla organizatorów, prasy i gości, a dalej kubki, przypinki, leżaki czy parasole. Wszystko składa się z tych samych klocków, czyli sygnetu, gradientu i piktogramów, dlatego każdy kolejny gadżet powstaje bez otwierania na nowo dyskusji o wyglądzie marki. ![Biały kubek porcelanowy z granatowymi piktogramami i logo Miast Gwarków](https://cdn.sanity.io/images/pgdlccfz/production/459932f7e33d590b580abe26be8787538a79dd21-3000x3000.jpg?w=2000&q=90&auto=format) Piktogramy skalują się do roli deseniu, tu na porcelanowym kubku ![Pomarańczowy kubek emaliowany z granatowym rantem i piktogramami](https://cdn.sanity.io/images/pgdlccfz/production/429ee7f208c51d2cfeb880dd3d07cb9ec806c37c-3000x3000.jpg?w=2000&q=90&auto=format) Kubek emaliowany: pamiątka w industrialnym duchu szlaku ![Trzy smycze z identyfikatorami: biały „Organizator", pomarańczowy „Prasa", granatowy „Gość"](https://cdn.sanity.io/images/pgdlccfz/production/1851bb3dad8da448dad360f28a9099229720a56b-3500x3500.jpg?w=2000&q=90&auto=format) Identyfikatory: organizator, prasa i gość, każda rola w innym kolorze systemu ![Osiem okrągłych przypinek z sygnetem w granacie, pomarańczu i bieli](https://cdn.sanity.io/images/pgdlccfz/production/9e4a0ff0075dcf459114c2c3746455ee998e016f-1911x1911.jpg?w=2000&q=90&auto=format) Przypinki: sygnet pozostaje czytelny nawet w skali guzika ![Granatowa smycz z gradientową teksturą, białym logo i karabińczykiem](https://cdn.sanity.io/images/pgdlccfz/production/a621df531e927caa34eb030404f9ca9ed1042974-2500x1600.jpg?w=2000&q=90&auto=format) Smycz z teksturą gradientu ![Teczka firmowa pokryta gradientem od pomarańczu do granatu, z sygnetem w kontrze](https://cdn.sanity.io/images/pgdlccfz/production/1f58b1144de1b9de42ff0f69640ee5946de0a059-1800x1400.jpg?w=2000&q=90&auto=format) Teczka firmowa: gradient od pomarańczu do granatu ![Dwa leżaki, granatowy i pomarańczowy, z logo Miast Gwarków na słonecznym bruku](https://cdn.sanity.io/images/pgdlccfz/production/33a8e1e20564c86421cf47f74f9c4ac6d3b90e7a-4500x3000.jpg?w=2000&q=90&auto=format) Leżaki w barwach szlaku: marka turystyczna zaprasza też do odpoczynku ![Granatowy parasol z pomarańczowym gradientem, logo i pomarańczową rączką](https://cdn.sanity.io/images/pgdlccfz/production/44c7d1a515fe47678712bc61623b787c33fbc843-3000x2250.jpg?w=2000&q=90&auto=format) Parasol: gradient działa na każdej krzywiźnie ### W terenie Najbardziej rozpoznawalnym nośnikiem jest słupek informacyjny o wysokości 217 cm, którego proporcje nawiązują do dawnych oznaczeń pól górniczych. Ten sam obiekt pracuje na łące przy hałdzie i na bruku między ceglanymi kamienicami. ![Rodzina przy granatowo-pomarańczowym słupku informacyjnym Miast Gwarków na łące, w tle hałda](https://cdn.sanity.io/images/pgdlccfz/production/26e177d2fa60fcec5b9e3bcff92758b43053c039-1920x1920.jpg?w=2000&q=90&auto=format) Słupek informacyjny na szlaku: 217 cm wysokości, proporcje dawnych oznaczeń pól górniczych ![Mężczyzna z jamnikiem na rękach czyta słupek informacyjny na brukowanej uliczce wśród ceglanych kamienic](https://cdn.sanity.io/images/pgdlccfz/production/9d820a27012df08ca8a0a8389c0f1010d8449b5c-1920x1920.jpg?w=2000&q=90&auto=format) Ten sam słupek w mieście: system działa też na tle śląskiej cegły ### Rezultat Lokalna Organizacja Turystyczna otrzymała kompletny system, nie samo logo: znak w czterech wariantach, trzy kroje pisma na bezpłatnej licencji, paletę barw, cztery elementy graficzne, zasady fotografii z matrycą tematów, siatki layoutów oraz projekty kilkunastu nośników, od wizytówki po słupek w terenie. Całość opisuje [94-stronicowa księga znaku](https://sweetlava.eu/pl/ksiega-znaku-pdf/) z paczkami plików gotowych do produkcji. Dzięki temu markę rozwija dziś jedna osoba w organizacji, a kolejni wykonawcy, od drukarni po przyszłego twórcę strony internetowej, podłączają się do systemu bez zgadywania. Identyfikacja mówi jednym głosem na słupku przy kopalni, w broszurze oraz na ekranie telefonu. W liczbach 3 miasta w jednym szlaku 4 warianty znaku 94 strony księgi znaku 0 zł kosztów licencji fontów (OFL) ## Powiązane usługi - [Identyfikacja wizualna firmy i design systemy](https://sweetlava.eu/pl/uslugi/identyfikacja-design-systemy/) - [DTP i projektowanie publikacji](https://sweetlava.eu/pl/uslugi/dtp-publikacje/) ## Powiązane projekty ![Strona internetowa dla Zabytkowej Kopalni Srebra w Tarnowskich Górach](https://cdn.sanity.io/images/pgdlccfz/production/7498f5daba1ccbcc3e76e88ff56a971156281584-3840x2160.jpg?w=1600&q=90&auto=format) Kultura i turystyka ### [ Zabytkowa Kopalnia Srebra – strona www z systemem zakupu biletów ](https://sweetlava.eu/pl/projekty/kopalnia-srebra-strona-www-z-systemem-zakupu-biletow/) Opracowanie architektury informacji wraz z flow użytkownika, projekt UI w wersji desktop i mobile, wdrożenie strony oraz integracja z zewnętrznym systemem zakupu biletów iKsoris. ![Marki Muzeum Górnictwa Węglowego w Zabrzu – Kopalnia Guido i Sztolnia Królowa Luiza](https://cdn.sanity.io/images/pgdlccfz/production/fb0d5e7599e722b07b5449dc7d630bd5dc9917ca-2400x1351.jpg?w=1600&q=90&auto=format) Kultura i turystyka ### [ Muzeum Górnictwa Węglowego w Zabrzu – 7 lat budowania marki od środka ](https://sweetlava.eu/pl/projekty/muzea-industrialne/) Historia inna niż zwykle. Zanim powstała Sweet Lava, Jerzy przez siedem lat budował od środka marki Kopalni Guido, Sztolni Królowa Luiza oraz samego muzeum. Trzy identyfikacje, setki druków, sesje zdjęciowe i 7 kampanii reklamowych. Blog ## Powiązane artykuły Branding i typografia ### [ Księga znaku – przykłady z realnych projektów i czego w nich szukać ](https://sweetlava.eu/pl/blog/ksiega-znaku-przyklady/) Trzy przykłady ksiąg znaku z naszych projektów, od instytucji kultury po orkiestrę. Pokazujemy, co zawiera dobra księga, jak czytać cudze księgi w PDF i po czym poznać dokument, który naprawdę działa. Czytaj artykuł → Branding i typografia ### [ Księga znaku – co to jest, co zawiera i ile kosztuje? ](https://sweetlava.eu/pl/blog/ksiega-znaku/) Księga znaku to instrukcja obsługi logo. Wersje znaku, pole ochronne, kolory, typografia, przykłady błędnych użyć. Wyjaśniamy, co powinna zawierać, czym różni się od brandbooka i ile kosztuje. Czytaj artykuł → Branding i typografia ### [ Typografia w projektowaniu cyfrowym – jak dobór kroju pisma wpływa na markę i konwersję ](https://sweetlava.eu/pl/blog/typografia-w-projektowaniu-cyfrowym/) Typografia to 90% designu w sieci, bo niemal wszystko, co widzi użytkownik, jest tekstem. O tym, jak krój pisma buduje charakter marki, czytelność i wyniki sprzedażowe. Czytaj artykuł → Branding i typografia ### [ Identyfikacja wizualna firmy krok po kroku – od logo do design systemu ](https://sweetlava.eu/pl/blog/identyfikacja-wizualna-krok-po-kroku/) Jak powstaje profesjonalna identyfikacja wizualna. Etapy procesu, zawartość dobrego brandbooka, przykłady z realnych projektów, ceny oraz moment, w którym warto rozwinąć identyfikację w design system. Czytaj artykuł → ## Powiązane pojęcia - [Brandbook (księga znaku)](https://sweetlava.eu/pl/slownik/brandbook/) - [Key visual](https://sweetlava.eu/pl/slownik/key-visual/) - [Logo a logotyp](https://sweetlava.eu/pl/slownik/logo-a-logotyp/) - [Identyfikacja wizualna](https://sweetlava.eu/pl/slownik/identyfikacja-wizualna/) ## Masz pomysł? Porozmawiajmy. Opowiedz nam o swoim pomyśle, a my doradzimy najlepszą drogę od koncepcji do działającego produktu. [ Napisz do nas ](https://sweetlava.eu/pl/kontakt/)