Mario

Brandbook Mario

Ten przewodnik określa język wizualny Mario — wiodącego producenta wysokiej jakości grzejników łazienkowych i grzejników dekoracyjnych ze stali nierdzewnej. Opisuje, jak logo, kolor, typografia i identyfikacja wizualna współgrają ze sobą, aby każdy punkt styku z marką był jednoznacznie rozpoznawalny jako Mario.

Logo

Podstawowe — na białym tle
Podstawowe — na białym tle
Odwrócone — na czarnym tle
Odwrócone — na czarnym tle
Sygnet
Sygnet

Kolor

Żółty Mario
HEX
#FFDE17
RGB
255 / 222 / 23
CMYK
0 / 10 / 95 / 0
Czerwony Mario
HEX
#ED1C24
RGB
237 / 28 / 36
CMYK
0 / 100 / 100 / 0
Czarny Mario
HEX
#000000
RGB
0 / 0 / 0
CMYK
0 / 0 / 0 / 100

Wprowadzenie

Brandbook opisuje zestaw środków wizualnych i zasady ich stosowania, tak aby wszystkie materiały komunikacyjne i marketingowe zachowały spójny styl.

  • Jeden system. Logo, kolor i krój pisma zachowują się wszędzie tak samo — w druku, w mediach cyfrowych, w oznakowaniu i na opakowaniach.
  • Ciepło w projekcie. Paleta jest ciepła i elegancka: kojarzy się z ciepłem, komfortem i niezawodnością — nigdy nie jest agresywna.
  • Rozpoznawalność. Stosowana konsekwentnie identyfikacja sprawia, że Mario jest natychmiast rozpoznawalne na tle konkurencji.

Logo

Logo jest twarzą firmy. Logo Mario składa się z dwóch części: oryginalnego logotypu „mario” i elementu graficznego — trzech płynnych pionowych linii nawiązujących do segmentu grzejnika łazienkowego. Pionowy rytm sugeruje ruch w górę, dynamikę i rozwój, a miękkie łuki wyrażają harmonię, bliskość i niezawodność.

Wersja podstawowa umieszczana jest na białym tle, wersja odwrócona — na czarnym. Zawsze odtwarzaj logo z oryginalnego pliku wektorowego — nigdy go nie przerysowuj i nie zmieniaj kształtu liter ani odstępów między nimi.

Konstrukcja i pole ochronne

Pole ochronne to wolna przestrzeń wokół bloku logo, na którą nie może wkraczać żaden inny element graficzny. Mierzy się je wysokością litery „a” logotypu i skaluje razem z logo.

  • Pole ochronne jest równe wysokości jednej litery „a” z każdej strony.
  • Tekst, zdjęcia i inne logotypy umieszczaj poza strefą oznaczoną linią przerywaną.
  • Element graficzny znajduje się w stałej odległości od logotypu — nie przesuwaj go.
  • Tło w obrębie pola ochronnego jest dopuszczalne tylko wtedy, gdy zezwalają na to zasady stosowania.

Skalowanie

Logotyp i element graficzny skaluje się wyłącznie proporcjonalnie. Nie zmieniaj rozmiaru jednej części niezależnie od drugiej. Aby zachować czytelność, nigdy nie odtwarzaj logo węższego niż szerokość minimalna.

Minimalna szerokość — 2 cm. Poniżej tego rozmiaru proporcje i czytelność logo ulegają zaburzeniu.

Wersja czarno-biała

W miarę możliwości używaj kolorowego logo. Do druku jednobarwnego, tłoczenia lub grawerowania stosuj logo monochromatyczne — w wersji czarno-białej musi być tak samo czytelne jak w kolorze.

Dopuszczalne odcienie, od pełnego do jasnego. Wraz ze spadkiem kontrastu spada czytelność — dodaj podkład, aby logo pozostało czytelne. Jeśli szare tło ma 50% czerni lub jest ciemniejsze, użyj logo w kolorze białym.

Charakterystyczny gradient

Kolor to decyzja wizerunkowa i narzędzie psychologiczne. Paleta Mario jest celowo ciepła i elegancka — przyjemna dla oka, nigdy agresywna i kojarząca się z samym produktem: ciepłem i komfortem.

Element graficzny przechodzi od żółci przez pomarańcz do czerwieni — to wizualny podpis „oddawania ciepła”.

Tła

Logo jest przeznaczone na białe lub czarne tło. Gdy musi zostać umieszczone na kolorowym podkładzie, użyj wersji białej lub czarnej — tej, która zapewnia silniejszy kontrast z danym kolorem.

Niedozwolone użycie

Elementy logo są niezmienne. Nie wolno obracać, zwężać, rozciągać, zmieniać kolorów ani przestawiać żadnej części logo.

  • Nie rozciągaj ani nie zwężaj
  • Nie obracaj
  • Nie zmieniaj kolorów
  • Nie zniekształcaj proporcji

Typografia

Kroje pisma dobrano pod kątem czytelności, powściągliwości i dyscypliny. FreeSetC to krój podstawowy; BauhausC to krój uzupełniający, nagłówkowy.

FreeSetC — podstawowy

Aa Bb Cc · Аа Бб Вв · 1234567890

Stosowany w tekście głównym, danych kontaktowych i wszystkich tekstach funkcjonalnych. Wyraźny, spokojny i bardzo czytelny w małych rozmiarach.

BauhausC — uzupełniający

Aa Bb Cc · Аа Бб Вв · 1234567890

Geometryczny krój nagłówkowy do tytułów i akcentów, stosowany oszczędnie, by dodać charakteru.