# Wytyczne marki Vodlix — logo, kolory i typografia **Source:** https://vodlix.com/pl/brand **Summary:** Pobierz logo i ikonę Vodlix w formatach SVG i PNG i sprawdź, jak ich używać: pole ochronne, minimalny rozmiar, paleta marki, typografia i czego unikać. **Publisher:** Vodlix --- ## Wytyczne marki Marka Wszystko, czego potrzebujesz, by umieścić logo Vodlix na stronie, w prezentacji, artykule czy na banerze wydarzenia — pliki, kolory, kroje pisma i kilka rzeczy, których nie wolno z nimi robić. Bez formularza zgody i bez czekania na nas. ## Logo Cztery wersje, po jednej na każdy rodzaj tła. Wybieraj według powierzchni, na której je umieszczasz, a nie według pliku, który akurat masz. - Na białych i jasnych powierzchniach — logo **na jasne tło**. To główny znak i właściwy wybór domyślny. - Na czarnych i ciemnych powierzchniach — logo **na ciemne tło**. Czerwony znak jest wyraźnie czytelny na niemal czarnym tle. - Na czerwieni marki i na gradiencie — **wyłącznie monochromatyczne białe**. Czerwony znak na czerwonym tle jest nieczytelny. - **Sama ikona** — w pełnym kolorze na neutralnym tle, biała na ciemnym lub czerwonym, czarna na jasnym, gdy trzeba zrezygnować z koloru. Używaj jej tylko tam, gdzie nazwa „Vodlix” jest już obecna: jako awatara, favicony, kafelka aplikacji. **Logo na jasne tło ma nieco grubszy logotyp niż wersja na ciemne tło.** To celowe i tak pozostanie — kompensuje to, że pismo na jasnym tle wydaje się cieńsze. Używaj każdej wersji na tle, dla którego jest przeznaczona, zamiast samodzielnie korygować grubość. Używaj SVG wszędzie, gdzie pozwala na to medium — pozostaje ostry w każdym rozmiarze i poprawnie się drukuje. Pliki PNG są do miejsc, które nie obsługują grafiki wektorowej. ## Pole ochronne i minimalny rozmiar Zostaw logo przestrzeń i nie zmniejszaj go poniżej progu, w którym logotyp przestaje być czytelny. ½ wysokości logo - Z każdej strony zachowaj wolny margines równy co najmniej **połowie wysokości logo**. Nic — tekst, krawędź obrazu, inne logo, ramka — nie może znaleźć się w tym obszarze. - Minimalny rozmiar — Poniżej tych wartości logotyp zaczyna się zlewać. Jeśli potrzebujesz mniejszego znaku, użyj samej ikony. - Pełne logo — 120 px / 25 mm szerokości - Ikona — 24 px / 8 mm szerokości ## Kolor Czerwień marki to **#E61D2C**. To akcent, nie tło — Vodlix jest marką biało-czarną, którą czerwień jedynie punktuje, więc czerwone panele na całą szerokość nie są w naszym stylu. Marka - Czerwień marki - Czerwień, hover - Jasna czerwień Neutralne — jasne - Tekst główny - Tekst drugorzędny - Wyciszony - Linia włosowa - Powierzchnia - Strona - Ciemny pas Neutralne — ciemne - Strona - Powierzchnia - Tekst główny - Linia włosowa - Czerwień, hover Gradient - Stop 1 - Stop 2 - Stop 3 - Stop 4 Gradient jest wyłącznie dla sekcji hero i typografii display — nigdy na ikonie, plakietce ani przycisku. Logo na gradiencie jest monochromatyczne białe. ## Typografia Dwa kroje, oba darmowe i dostępne w Google Fonts, więc odwzorujesz układ Vodlix bez kupowania jakiejkolwiek licencji. - Merriweather Sans — display — Nagłówki, tytuły kart i planów, liczby w statystykach, nazwa marki w stopce. Grubości 400–700. - Noto Sans — tekst i interfejs — Wszystko inne: tekst główny, etykiety, przyciski, tabele. Grubości 400–700. Siostrzane kroje z rodziny Noto obejmują arabski, chiński i japoński — dlatego to właśnie krój tekstowy. - Jeśli nie możesz wczytać żadnego z nich — Użyj systemowego kroju bezszeryfowego (system-ui, następnie Helvetica lub Arial). Nie zastępuj go krojem szeryfowym ani zwężonym (condensed). Nagłówek strony Nagłówek sekcji Akapit wprowadzający — wyraźnie o stopień mniejszy niż nagłówek, nie w rozmiarze display. Tekst główny. Vodlix daje ci platformę, jaką wielkie serwisy streamingowe zbudowały dla siebie — stronę, aplikacje, subskrypcje i analitykę — bez zespołu inżynierów. Metadane · 27 sie 2026 · 6 min czytania $1,550 Nagłówki mają odstęp międzyliterowy −2%. Liczby — ceny, statystyki, wartości w tabelach — składa się cyframi tabelarycznymi, aby kolumny były wyrównane. ## Czego nie robić Logo to niezmienna grafika. Umieść je, skaluj proporcjonalnie i niczego więcej nie zmieniaj. - Nie zmieniaj jego koloru — Żadnych kolorów twojej marki na naszym znaku. Jedyne alternatywy to czerń lub biel i obie są dostępne jako pliki. - Nie rozciągaj ani nie spłaszczaj go — Skaluj oba wymiary jednocześnie. Jeśli się nie mieści, użyj ikony. - Nie dodawaj efektów — Bez cienia, poświaty, fazowania, obrysu ani wypełnienia gradientem. - Nie kładź wersji na jasne tło na ciemnym podłożu — Jej logotyp jest niemal czarny i prawie znika. Użyj pliku na ciemne tło lub wersji monochromatycznej białej. - Vodlix — Nie odtwarzaj logotypu — Nie jest złożony fontem, którym dałoby się go przepisać. Zawsze umieszczaj dostarczony plik. - Nie obracaj go ani nie przycinaj — Logo jest zawsze poziome i kompletne. Żadnych skosów, żadnego kadrowania do narożnika znaku. Ponadto: nie umieszczaj logo w żadnym własnym kształcie ani ramce, nie używaj go w sposób sugerujący partnerstwo lub rekomendację, na które się nie zgodziliśmy, i nie używaj go jako części nazwy ani logo własnego produktu. ## Pobierz pliki Wszystko z tej strony — pojedynczo lub w jednym archiwum. SVG tam, gdzie pozwala na to medium, PNG tam, gdzie nie. Pobierz wszystkie materiały (ZIP, ~1 MB) Logo - Logo — jasne tła — Główne logo. Białe i jasne powierzchnie. - Logo — ciemne tła — Czarne i niemal czarne powierzchnie. - Logo — monochromatyczne czarne — Druk jednokolorowy, haft, grawerowanie. - Logo — monochromatyczne białe — Jeden kolor na ciemnym tle i jedyne logo do użycia na czerwieni marki lub gradiencie. Ikona - Ikona — pełny kolor — Neutralne powierzchnie. Tylko SVG. - Ikona — biała — Ciemne i czerwone powierzchnie. - Ikona — czarna — Jasne powierzchnie, gdy trzeba zrezygnować z koloru. Podpisy e-mail — 280 × 65 - Logo do e-maili — PNG w gotowym rozmiarze do jasnego klienta poczty. - Logo do e-maili — białe — PNG w gotowym rozmiarze do ciemnego klienta poczty. ## Potrzebujesz czegoś, czego tu nie ma? Nietypowy rozmiar, plik gotowy do druku, zrzut ekranu produktu albo sprawdzenie, czy twój projekt jest poprawny — napisz, a wyślemy.