Protokół Projektowy World

Nasz znak graficzny to kluczowa reprezentacja tożsamości naszej marki. Zawsze używaj logo w oryginalnej formie i zachowuj wolną przestrzeń wokół niego, aby zapewnić mu widoczność i siłę oddziaływania. Modyfikacje, zniekształcenia lub użycie niezatwierdzonych kolorów mogą naruszyć jego integralność.

Nasz logotyp jest kluczowym elementem identyfikacji wizualnej naszej marki, harmonijnie współpracującym ze znakiem logo, w jasny i stylowy sposób komunikując naszą nazwę. Nie wolno modyfikować, rozszerzać, ani stosować niezatwierdzonych efektów na logotypie.

Układ logo łączy symbol logo oraz logotyp w jeden spójny projekt, reprezentując naszą markę w najbardziej kompletnej formie. Połączenie to należy zawsze używać zgodnie z wytycznymi, zachowując właściwe proporcje, odstępy i ustawienie elementów względem siebie. Unikaj rozdzielania, zmiany rozmieszczenia lub niezależnego skalowania elementów. Zawsze korzystaj z wytycznych dotyczących rozmiaru, odstępów i umiejscowienia, aby zachować integralność.

Obszar ochronny (ang. clearspace) określa minimalny dystans pomiędzy znakiem a innymi elementami graficznymi lub tekstowymi w kompozycji. Jego celem jest zapewnienie czytelności oraz integralności wizualnej logo we wszystkich zastosowaniach. Wielkość obszaru ochronnego definiuje szerokość litery „o” ze słowa „world” i powinna być zachowana ze wszystkich stron znaku

Tworzenie gradientu (Samouczek PDF)

• Gradient World to ważny element używany w systemie marki. Wyraża nadzieję i optymizm i może być rozpoznawalnym zasobem marki, gdy wykorzystywany jest jako tło.
• Powinien być używany wyłącznie w wyznaczonych kolorach.
• Gradient powinien być utworzony jako bitmapa i następnie pokolorowany, dbając o to, aby rozdzielczość bitmapy odpowiadała wytycznym zawartym na następnych stronach.

Gradient – Rozdzielczość

Lausanne to wyrafinowana, modernistyczna czcionka bezszeryfowa (sans-serif), która jest niezwykle wszechstronna do tekstu i prezentacji. Dorównuje największym klasycznym szeryfowym, jednocześnie wprowadzając specyfikę typografii cyfrowej. Jest to jedyna czcionka używana w marce World.

Grubości pisma

Poniżej prezentujemy trzy odmiany grubości pisma Lausanne używane w całej marce World. Stanowią one fundament całej treści, a wszelkie wyjątki lub dodatki muszą być wewnętrznie zatwierdzone.

Ogólnie rzecz biorąc, poniższe zasady można zastosować w niemal każdej sytuacji typograficznej w komunikatach marki.

Tekst główny oraz dłuższe bloki tekstu stosowane są w wariancie o grubości 300. Nagłówki i duże teksty ekspozycyjne ustawiane są w grubości 400, natomiast mniejsze śródtytuły i tytuły wykorzystują grubość 450, co pozwala zachować wyrazistość z nieco subtelniejszym wyglądem niż w przypadku głównych nagłówków.

Odstępy między wierszami i literami

Wyrównanie

Kolekcja Tiempos to nowoczesna rodzina szeryfowa przeznaczona do typografii redakcyjnej. Tiempos Headline zaprojektowano do większych rozmiarów nagłówków, łącząc praktyczność z elegancją.

Grubości pisma

Poniżej prezentujemy dwie odmiany grubości pisma Tiempos Headline używane w całej marce World. Wszelkie wyjątki lub dodatki muszą być wewnętrznie zatwierdzone.

Tiempos Headline jest naszą czcionką dodatkową, używaną tylko w kilku specyficznych przypadkach, głównie wtedy, gdy marka bezpośrednio zwraca się do użytkownika i chce stworzyć poczucie bliskości.

Użytkowanie może obejmować reklamę, sprzedaż produktów i niektóre ekrany w UX. Stanowią one fundament całej treści, a wszelkie wyjątki lub dodatki muszą być wewnętrznie zatwierdzone.

Rola czcionki

Posty w mediach społecznościowych, kampanie, ekskluzywność

Tiempos dodaje ludzki charakter i bezpośredni ton do języka wizualnego marki. Jest idealny do budowania ciepłego, przystępnego i podkreślającego ton głosu w wybranych sytuacjach, gdy intencją jest bardziej bezpośrednia komunikacja z użytkownikami.

Korzystamy z czcionki Noto razem z naszym podstawowym krojem pisma łacińskiego, aby zapewnić wszechstronne wsparcie dla wszystkich skryptów niełacińskich. Noto została wybrana ze względu na swoje szerokie pokrycie języków świata i oferuje spójną i wizualnie harmonijną typografię w różnych pismach, w tym w chińskim, arabskim, cyrylicy i japońskim.

To podejście pozwala nam zachować spójność marki i inkluzywność, zapewniając, że nasza komunikacja dociera do użytkowników na całym świecie w ich rodzimych alfabetach, bez kompromisów w czytelności lub estetycznej spójności.

Siatka to jedno z najważniejszych narzędzi w systemie projektowym. Jest niezbędna we wszystkich układach oraz kompozycjach i powinna być stosowana zawsze. W zależności od rozmiaru obszaru roboczego oraz liczby zawartych w nim elementów może mieć 2, 4, 6 lub 8 kolumn, lecz wszystkie elementy kompozycji powinny być wyrównane do bazowej siatki i proporcjonalnie rozstawione względem marginesów.

Materiały wewnętrzne

We wszystkich materiałach wewnętrznych i materiałach marki, gdzie logo występuje z innymi elementami i treścią, logo umieszcza się w lewym górnym rogu układu dla zachowania spójności.

Samodzielna wersja logo

W układach, gdzie logo jest jedynym elementem (jak karty wideo czy wybrane kampanie lub ogłoszenia), logo jest umieszczane w centralnej części układu.

Profile w mediach społecznościowych

Logo na gradiencie

Jeśli logo jest umieszczane na tle gradientowym, zawsze należy umieszczać je na jasnym fragmencie tła, aby nie utrudniać czytelności.

Każdy z głównych produktów World ma przypisaną ilustrację, wynikającą z charakteru produktu lub jego oferty.

Chociaż istnieje wiele sposobów prezentowania danych, należy stosować spójny styl. Kontury, kształty geometryczne wykresów i diagramów, subtelne i zamierzone użycia wypełnień oraz koloru to stałe elementy grafiki wizualizacji danych.

W celu ułatwienia identyfikacji i nawigacji każdy produkt ma przypisaną ikonę, stworzoną jako skrócona forma odpowiedniej ilustracji produktu.

Ikony produktowe powinny zachować spójne wrażenie wizualne pod względem grubości linii niezależnie od rozmiaru. Bazowa grubość linii wynosi 1,0 px przy szerokości ikony 60 px. Przy powiększaniu lub pomniejszaniu ikony grubość linii powinna być odpowiednio dostosowana, tak aby optycznie odpowiadała bazowej wartości.