Branding: logo i materiały marki

01 / Rozpoznawalność

Jedna maska. Zawsze ta sama.

Czerwona maska z półuśmiechem to nasz wizualny młotek. Łączy emocje pionowych historii z dystansem ukrytym w nazwie „to dramat”. Rozpoznawalność budujemy przez powtarzanie tego samego znaku, bez zmieniania jego miny.

toDRAMAT

Na jasnym tle

toDRAMAT

Na ciemnym tle

Obrys i oczy są symetryczne. Półuśmiech jest jedynym przełamaniem. Kolor maski pozostaje taki sam na obu tłach.

02 / Paleta

Czerwień, papier, noc.

Czerwień skupia uwagę. Spokojne tło daje historii przestrzeń. Biel oczu i ust pozostaje czysta: .

Jaśniejsza czerwień interfejsu nie zastępuje czerwieni logo. Przy projektowaniu tekstu sprawdź kontrast z wybranym tłem.

03 / Typografia

Charakter w nagłówku. Klarowność w dialogu.

Nazwa marki i nagłówki

toDRAMAT. Ciąg dalszy nastąpi.

Bricolage Grotesque

Tekst, podpisy i dialogi

Polskie historie. Znajome emocje. Jeszcze jeden odcinek.

Inter

Gotowe pliki logo mają litery zapisane jako krzywe i nie wymagają instalowania fontów. Do własnego tekstu użyj wskazanych rodzin.

04 / Stosowanie

Daj masce dobre miejsce.

Sama maska

Używaj jej jako avatara, favicony lub krótkiego podpisu na materiale, gdy nazwa toDRAMAT jest już widoczna albo odbiorca zna kontekst.

Maska z nazwą

Wybierz pełne logo przy pierwszym kontakcie: na bannerze, planszy tytułowej, prezentacji, stronie partnera lub w informacji o projekcie. Zachowaj zapis toDRAMAT.

Daj znakowi oddech

Wokół samodzielnego znaku zostaw wolną przestrzeń równą co najmniej połowie jego widocznej wysokości. Avatary i małe ikony korzystają z gotowych, ciaśniejszych kompozycji.

Dobierz rozmiar

Na ekranie zacznij od 24 px widocznej wysokości maski, a w druku od 6 mm. Favicona ma osobne eksporty 16, 32 i 48 px. Jeśli nazwa przestaje być czytelna, użyj samej maski.

W filmie

Pełne logo umieść na planszy otwierającej lub końcowej. Mała maska w rogu jest opcjonalna: nie zasłania twarzy, napisów ani kontrolek aplikacji. Przy 1080 × 1920 zacznij od 72 px wysokości znaku i sprawdź podgląd na telefonie.

W materiałach partnera

Użyj gotowego pliku na spokojnym tle. Przy współpracy pokaż obie marki z oddechem; nie łącz ich w nowy znak. Oznaczenia sponsorowania i AI pozostają oddzielną, czytelną informacją.

Tak · Z oddechem

Nie · Rozciągnięta

Nie · Inny kolor

Nie · Obrócona

Czego unikać

Nie rozciągaj ani nie obracaj maski.
Nie zmieniaj półuśmiechu i nie dodawaj brwi.
Nie zmieniaj czerwieni maski ani bieli oczu i ust.
Nie dodawaj cieni, gradientów, obrysu ani efektu 3D.
Nie umieszczaj logo bezpośrednio na zatłoczonym kadrze.
Nie sugeruj współpracy lub poparcia marki bez uzgodnienia.

05 / Do pobrania

Wybierz miejsce. Pobierz gotowy plik.

Jedna wersja avatara na wszystkich kanałach. Osobne bannery, plansze i przezroczyste ramy do Twoich materiałów. Po wgraniu sprawdź kadrowanie w docelowej aplikacji.

Podstawowe

Maska z półuśmiechem

1280 × 1280 px

Samodzielny znak na przezroczystym tle. Do małych podpisów i własnych kompozycji.

SVG PNG

Podstawowe

Logo na jasne tło

1600 × 400 px

Maska i nazwa w ciemnym kolorze. Przezroczyste tło; umieść na bieli lub ciepłym papierze.

SVG PNG

Podstawowe

Logo na ciemne tło

1600 × 400 px

Maska i jasna nazwa. Przezroczyste tło; umieść na czerni lub spokojnym ciemnym polu.

SVG PNG

YouTube / Facebook / Instagram / TikTok

Wspólny avatar

1080 × 1080 px

Ten sam avatar na wszystkich kanałach. Ciepłe tło i margines dla okrągłego kadrowania. Wgraj cały kwadrat, bez dodatkowego przybliżenia.

PNG

X

Avatar X

400 × 400 px

Ta sama kompozycja w rozmiarze 400 × 400. Wgraj jako zdjęcie profilowe.

PNG

YouTube

Banner kanału YouTube

2560 × 1440 px

Logo i tekst mieszczą się w środkowym obszarze 1544 × 420 px. Sprawdź kadrowanie TV, komputera i telefonu w YouTube Studio.

PNG

YouTube

Znak wodny YouTube

150 × 150 px

Przezroczysta maska do ustawienia znaku wodnego filmu w YouTube Studio.

PNG

X

Header X

1500 × 500 px

Gotowe tło profilu. Ważne elementy są odsunięte od brzegów i miejsca avatara; sprawdź podgląd po wgraniu.

PNG

Facebook

Zdjęcie w tle Facebook

1702 × 630 px

Eksport 2× względem 851 × 315. Kadrowanie strony różni się na telefonie i komputerze. Ustaw je po wgraniu.

PNG

Avatar LinkedIn

400 × 400 px

Wspólna kompozycja avatara w rozmiarze logo strony firmowej LinkedIn. Wgraj cały kwadrat jako logo strony.

PNG

Zdjęcie w tle LinkedIn

1512 × 256 px

Tło strony firmowej LinkedIn. Logo i tekst są odsunięte od brzegów. Sprawdź kadrowanie na telefonie i komputerze; profil osobisty używa innych proporcji.

PNG

Rama do posta LinkedIn

1200 × 627 px

Przezroczysta nakładka do grafiki posta z linkiem. Połóż ją nad kadrem i dodaj tytuł w wolnym obszarze. Przed publikacją wyeksportuj całą kompozycję.

PNG

Instagram / Facebook

Rama do posta

1080 × 1350 px

Przezroczysta nakładka 4:5. Połóż ją nad własnym kadrem, a tytuł i dialog dodaj w wolnym obszarze.

PNG

Instagram / TikTok / YouTube

Rama do Stories i pionowych filmów

1080 × 1920 px

Przezroczysta nakładka 9:16 do montażu. Przed publikacją sprawdź napisy, prawą kolumnę kontrolek i dół ekranu.

PNG

Instagram / TikTok / YouTube

Pionowa plansza marki

1080 × 1920 px

Plansza 9:16 do zakończenia filmu lub przedstawienia marki. Okładkę konkretnego odcinka buduj z jego kadru i tytułu.

PNG

Ramy PNG mają przezroczysty środek. Połóż je nad kadrem w edytorze. Bannerów nie traktuj jako jednego uniwersalnego obrazka do automatycznego przycinania.

Formaty i kadrowanie: źródła

Wymiary ram są naszymi formatami produkcyjnymi. Układ aplikacji może się zmieniać; końcowy podgląd w serwisie jest ważniejszy niż sam rozmiar pliku.