Przejdź do treści

Identyfikacja wizualna

Logo i księga znaku

Znak, wersje logo, kolory i typografia Łódzkiej Galerii Sztuki — wyprowadzone z neoplastycznego języka serwisu i tradycji łódzkiej awangardy. Wszystkie pliki są do pobrania: wektory SVG i PDF (tekst zamieniony na krzywe) oraz rastry PNG.

01

Znak

Sygnet Łódzkiej Galerii Sztuki — neoplastyczna kompozycja z literą Ł

Sygnet to neoplastyczne okno: kompozycja płaszczyzn barw podstawowych rozdzielonych liniami czerni — cytat z Sali Neoplastycznej Władysława Strzemińskiego i z motywów serwisu (siatka szesnastu płaszczyzn, pasek akcentu).

  1. 01Płaszczyzna czerwieni #d2001c — pole główne znaku.
  2. 02Litera Ł w bieli — Space Grotesk Bold, ten sam krój co logotyp. Jej kreska ukośna to jedyny skos w świecie pionów i poziomów — celowy akcent dynamiczny.
  3. 03Kolumna płaszczyzn żółć / biel / błękit — rytm barw podstawowych De Stijl.
  4. 04Linie i rama w czerni — konstrukcja kompozycji (1/30 boku znaku).
02

Wersje logo

Wersja pozioma jest podstawowa. Na tłach ciemniejszych niż 50% szarości obowiązują warianty „tła ciemne”; do druku jednokolorowego, graweru i pieczątek — warianty mono. Każdy plik do pobrania w trzech formatach.

Logo poziome

Wersja podstawowa — nagłówki dokumentów, stopki, materiały szerokie.

Logo poziome — Kolor — tła jasne
Kolor — tła jasneSVGPNGPDF
Logo poziome — Kolor — tła ciemne
Kolor — tła ciemneSVGPNGPDF
Logo poziome — Mono czerń
Mono czerńSVGPNGPDF
Logo poziome — Mono biel
Mono bielSVGPNGPDF

Logo pionowe

Formaty wąskie i kwadratowe: plakat, rollup, awers ulotki.

Logo pionowe — Kolor — tła jasne
Kolor — tła jasneSVGPNGPDF
Logo pionowe — Kolor — tła ciemne
Kolor — tła ciemneSVGPNGPDF
Logo pionowe — Mono czerń
Mono czerńSVGPNGPDF
Logo pionowe — Mono biel
Mono bielSVGPNGPDF

Logotyp tekstowy

Sam napis — konteksty, w których sygnet występuje osobno albo brak miejsca w pionie.

Logotyp tekstowy — Kolor — tła jasne
Kolor — tła jasneSVGPNGPDF
Logotyp tekstowy — Kolor — tła ciemne
Kolor — tła ciemneSVGPNGPDF
Logotyp tekstowy — Mono czerń
Mono czerńSVGPNGPDF
Logotyp tekstowy — Mono biel
Mono bielSVGPNGPDF

Sygnet

Samodzielny znak: awatary, ikony aplikacji, pieczęć, duże rozmiary.

Sygnet — Kolor — oba tła
Kolor — oba tłaSVGPNGPDF
Sygnet — Mono czerń
Mono czerńSVGPNGPDF
Sygnet — Mono biel
Mono bielSVGPNGPDF
03

Kolory

Interpretacja czystych barw De Stijl. W logo wolno używać wyłącznie sześciu barw podstawowych; CMYK orientacyjny — przed drukiem potwierdzić na proofie. Kliknij hex, aby skopiować.

Czerwień

RGB 210 · 0 · 28 · CMYK 0/100/87/18

Żółć

RGB 245 · 196 · 0 · CMYK 0/20/100/4

Błękit

RGB 11 · 61 · 145 · CMYK 92/58/0/43

Biel

RGB 247 · 245 · 240 · CMYK 0/1/3/3

Czerń

RGB 20 · 17 · 15 · CMYK 0/15/25/92

Szarość

RGB 111 · 106 · 99 · CMYK 0/5/11/56

Odpowiedniki na ciemne tło

Czerwień jasna
Żółć jasna
Błękit jasny

Akcenty powidokowe serwisu (#ff6a2b, #f4826a, #12224a) są zarezerwowane dla UI — nie występują w logo.

04

Typografia

Display — Space Grotesk Bold · SIL OFL 1.1

Łódzka Galeria Sztuki

AĄBCĆDEĘFGHIJKLŁMNŃOÓPRSŚTUWYZŹŻ 0123456789

Nagłówki i logo: wersaliki, waga 700, tracking −0.02em. Nadtytuły: mały stopień, szeroki tracking. Pobierz z Google Fonts

Tekst — Inter · SIL OFL 1.1

Unikaty, numerowane edycje i reprodukcje prosto od artystów związanych z Łodzią. Marketplace dzieł sztuki z certyfikatami autentyczności.

aąbcćdeęfghijklłmnńoóprsśtuwyzźż

Tekst ciągły: 400; wyróżnienia: 700. Skala modularna 1.25 od bazy 16 px. Wymagany zestaw Latin Extended. Pobierz z Google Fonts

05

Zasady użycia

Pole ochronne

aaaa

Pole ochronne a = szerokość kolumny sygnetu (⅕ jego boku). W polu nie może znaleźć się tekst, inne znaki ani krawędź formatu. Dla logotypu tekstowego pole równe jest wysokości wersalika.

Rozmiary minimalne

WersjaEkranDrukPoniżej minimum
Sygnet24 px8 mmfavicon.svg (znak uproszczony)
Logo poziomewys. 28 pxwys. 10 mmlogotyp tekstowy lub sygnet
Logo pionoweszer. 96 pxszer. 30 mmwersja pozioma
Logotyp tekstowywys. 16 pxwys. 5 mm—

Niepoprawne użycia

✕zmiana proporcji

✕obracanie znaku

✕zmiana kolorów

✕cienie i efekty

✕zaokrąglenia

✕kolor na tle wzorzystym — użyć mono

06

Favicon i ikony

Favicon w rozmiarze 64 pikseli64px
Favicon w rozmiarze 32 pikseli32px
Favicon w rozmiarze 16 pikseli16px

W kartach przeglądarki działa znak uproszczony (czerwień + Ł) — pełny sygnet jest nieczytelny poniżej 24 px. PWA i ekrany startowe używają pełnego sygnetu.

favicon.svgkarty przeglądarki — znak uproszczony, czytelny od 16 pxPobierz
favicon.ico16 / 32 / 48 px dla starszych przeglądarek i WindowsPobierz
favicon-16.pngpojedynczy rozmiar 16 pxPobierz
favicon-32.pngpojedynczy rozmiar 32 pxPobierz
favicon-48.pngpojedynczy rozmiar 48 pxPobierz
icon-192.pngPWA / Android — pełny sygnetPobierz
icon-512.pngPWA / Android — pełny sygnetPobierz
icon-maskable-512.pngAndroid maskable — sygnet w strefie bezpiecznejPobierz
apple-touch-icon-180.pngiOS — bez przezroczystościPobierz
07

Do pobrania

Cała paczka

Wszystkie wersje logo (SVG + PNG + PDF), favicon, kolory, typografia, pliki social i zasady użycia w jednym archiwum.

ZIP · 0,6 MB