Protokół Projektowy World
Zasady, Wytyczne i Zasoby
Zasady Projektu
Ludzki
Przekonanie, że naturalne i nieprzewidywalne cechy ludzkie są niezbędne do innowacji.
Uniwersalny
Język wizualny, który zapewnia inkluzywność, dostępność oraz globalne połączenie.
Optymistyczny
Wiara w ludzkość i w rolę, jaką technologia może odgrywać w podnoszeniu jakości życia każdego człowieka.
Przegląd marki
Wszystkie narzędzia istnieją pod parasolem marki głównej, którą jest World.
Identyfikacja Wizualna
Logo World
Logo World to wizualny punkt odniesienia naszej marki — jest proste, czytelne i uniwersalne. Jest oparte na ponadczasowych zasadach projektowania i odzwierciedla nasze zaangażowanie w dostępność, innowacyjność oraz globalne połączenie.
Nasz znak graficzny jest podstawowym elementem tożsamości naszej marki. Zawsze używaj logo w jego oryginalnej formie i zachowuj wokół niego wolną przestrzeń, aby zapewnić czytelność i wyrazistość. Modyfikacje, zniekształcenia lub użycie niezatwierdzonych kolorów mogą naruszyć jego integralność.
Nasz logotyp jest kluczowym elementem identyfikacji wizualnej naszej marki, współgrającym ze znakiem logo, aby jasno i stylowo komunikować naszą nazwę. Wprowadzanie zmian, rozciąganie lub stosowanie niezatwierdzonych efektów na logotypie jest niedozwolone.
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
Zasady poprawnego stosowania logo i kolorystyki
Czego Nie Można Robić z Logo i Kolorami
W przypadku prezentowania współpracy partnerskiej logo World może być łączone z logo innej marki w następujących formatach.


Kolory
Kolory dodatkowe są wykorzystywane zarówno w celach ekspresyjnych, jak i użytkowych w ramach marki World. Przykładem jest kodowanie kolorami różnych poziomów dostępu identyfikatorów eventowych, zlokalizowane gradientowe kolory flag na materiały promocyjne, semantykę kolorów w interfejsach użytkownika i ekspresyjne materiały wizualne.




Typografia
World Pro to czcionka zaprojektowana specjalnie z myślą o skalowalności oraz stworzeniu uniwersalnego systemu wizualnego dla wszystkich użytkowników, integracji i wchodzących w interakcję z World. To jedyny krój pisma wykorzystywany przez markę World.


Grubości pisma
Istnieją dwie grubości czcionki World Pro: Regular oraz Medium. Najczęściej używana jest wersja Regular, a Medium służy jako akcent w przypadkach, kiedy potrzebne jest dodatkowe podkreślenie.


Odstępy między wierszami i literami
Wyrównanie
World Pro Regular jest zazwyczaj wystarczająco uniwersalna, by stosować ją zarówno w nagłówkach, jak i w treści głównej, a hierarchia tworzona jest głównie poprzez różnicowanie wielkości.
World Pro Medium można stosować w krótszych podtytułach, gdy wymagany jest większy nacisk wizualny.






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.
W sytuacjach, gdy World Pro nie jest dostępny, np. w Google Slides, można użyć alternatywnego kroju z biblioteki Google Fonts: w tekście zasadniczym stosuje się czcionkę Inter, natomiast w nagłówkach – Inter Tight. Dozwolone jest użycie wyłącznie tych czcionek z biblioteki Google Fonts i wyłącznie w sytuacji, gdy użycie World Pro jest niemożliwe.
Kompozycja
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






Ilustracja
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.
Gradientowe siatki pełnią funkcję kolorowych, ekspresyjnych grafik i używane są na dwa sposoby:
- Jako zlokalizowane odwzorowania z użyciem kolorów mapy danego kraju jako baz dla przejścia gradientu
- Grafiki nastrojowe, niezwiązane z określonymi kolorami, które po prostu wyrażają nastrój lub energię.




Ikonografia
Poniżej znajduje się pełny zestaw ikon w aktualnej wersji. W przyszłości mogą być tworzone kolejne ikony, jednak muszą one być tworzone zgodnie z wytycznymi w celu zachowania spójności.
Ikony World są zaprojektowane jako rozszerzenie naszego kroju pisma, naśladując grubość linii oraz krzywizny.
Bardzo ważne jest, by wszystkie ikony zestawiane z tekstem zachowywały te same proporcje i wyrównanie, aby harmonizowały z krojem pisma. Ikony są zaprojektowane w taki sposób, że poziome ikony prostokątne są wyrównane do górnej i dolnej wysokości majuskuł i są wyśrodkowane w pionie.
Rozmiar ikon
Wszystkie ikony SVG znajdują się w standardowej ramce. Aby utrzymać spójny rozmiar względem typografii, można zastosować wzór do ramki ikony: pomnóż rozmiar czcionki przez 1,07, aby uzyskać rozmiar ramki ikony. Np. jeśli rozmiar czcionki to 180px, ramka ikony powinna mieć szerokość (180x1,07)=192,6px.
Zasoby
Zasoby dla banerów głównych, gradientu, symbolu waluty WLD, Orba, World App, World Chain itp.



