Protokół Projektowy World

Zasady, Wytyczne i Zasoby

Zasady Projektu

  • Ludzki

    Przekonanie, że organiczne i nieprzewidywalne cechy ludzkie są niezbędne do innowacji.

  • Uniwersalny

    Język wizualny, który przekracza wszelkie granice, kultury i historie zapewnia inkluzywność, dostępność i globalną łączność.

  • 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.

Vector representation of the World brand logo, showcasing its design principles for mobile applications.Vector representation of the World brand logo, showcasing its design principles for mobile applications.
Graphic representation illustrating brand guidelines for World, focusing on the core brand identity. Gray A9.Graphic representation illustrating brand guidelines for World, focusing on the core brand identity. Gray A9.

Identyfikacja Wizualna

Logo World

Logo World to wizualny punkt odniesienia naszej marki — proste, czytelne i uniwersalne. Oparte na ponadczasowych zasadach projektowania, odzwierciedla nasze zaangażowanie w dostępność, innowacyjność oraz globalne połączenie.

Illustration representing design principles and guidelines for the World brandIllustration representing design principles and guidelines for the World brand
Układ logo
A decorative element related to World brand guidelines, showcasing design principles and assets.A decorative element related to World brand guidelines, showcasing design principles and assets.
Logotyp
An abstract design representing the brand principles of World, possibly showcasing color schemes or patterns that align with World’s identity.An abstract design representing the brand principles of World, possibly showcasing color schemes or patterns that align with World’s identity.
Znak graficzny

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ść.

Graphic representation of World brand guidelines, highlighting design principles and assets.Graphic representation of World brand guidelines, highlighting design principles and assets.
Graphic representation of World brand guidelines for design principles and assetsGraphic representation of World brand guidelines for design principles and assets

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.

Illustration representing brand guidelines for World, showcasing design principles and assets.Illustration representing brand guidelines for World, showcasing design principles and assets.
Visual representation of World branding guidelines in a cohesive design format.Visual representation of World branding guidelines in a cohesive design format.

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ść.

Graphic illustration representing World brand design principles and guidelinesGraphic illustration representing World brand design principles and guidelines
Visual representation of World brand guidelinesVisual representation of World brand guidelines

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

Visual representation related to World brand guidelines and design principlesVisual representation related to World brand guidelines and design principles
Graphic illustration representing World brand design principles and guidelinesGraphic illustration representing World brand design principles and guidelines
Visual representation of World brand guidelinesVisual representation of World brand guidelines
Visual representation related to World brand guidelines, illustrating design protocols and principles.Visual representation related to World brand guidelines, illustrating design protocols and principles.
Graphic representation of World brand guidelines, illustrating design principles and assets.Graphic representation of World brand guidelines, illustrating design principles and assets.
Brand guidelines section header for World, featuring design principles and assets.Brand guidelines section header for World, featuring design principles and assets.
Graphic representation of World brand guidelinesGraphic representation of World brand guidelines

W przypadku prezentowania partnerstw lub współpracy logo World można łączyć z logo innej marki w następujących formatach.

Graphic representation of World branding elements and design protocolsGraphic representation of World branding elements and design protocols
Graphic representation illustrating the brand guidelines for World, emphasizing design principles and assets.Graphic representation illustrating the brand guidelines for World, emphasizing design principles and assets.

Kolory i gradienty

Neutralny
Stylized design elements representing neutrality, softness, elegance, simplicity, and calmness in World branding.Stylized design elements representing neutrality, softness, elegance, simplicity, and calmness in World branding.
Delikatny, subtelny, wyrafinowany, stonowany, nienarzucający się, kojący
Kolor podstawowy
Stylized representation reflecting core brand colors of World, symbolizing tranquility, integrity, clarity, contemplation, wisdom, and trust.Stylized representation reflecting core brand colors of World, symbolizing tranquility, integrity, clarity, contemplation, wisdom, and trust.
Wyrażający spokój, uczciwość, opanowanie, refleksyjność, mądrość, zaufanie
Kolory drugorzędne
Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.
Wyrażające witalność, szczęście, żywiołowość, optymizm, energię, Inkluzywność
Color sequence chart illustrating World brand colors and design principlesColor sequence chart illustrating World brand colors and design principles
Color palette used in World branding, showcasing primary and secondary color options.Color palette used in World branding, showcasing primary and secondary color options.
Color palette representation for World brand guidelinesColor palette representation for World brand guidelines
Graphic representation of World brand color coding guidelinesGraphic representation of World brand color coding guidelines
Color coding guidelines for the World brand design protocolColor coding guidelines for the World brand design protocol

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.
Color gradient examples for World brand guidelinesColor gradient examples for World brand guidelines
Gradient – Rozdzielczość
Zbyt niska
Graphic element related to World brand guidelines, possibly an illustration or icon supporting design protocols.Graphic element related to World brand guidelines, possibly an illustration or icon supporting design protocols.
Odpowiednia
Illustration related to World brand guidelines, symbolizing adaptability and suitability.Illustration related to World brand guidelines, symbolizing adaptability and suitability.
Za wysoka
Visual representation related to World brand guidelines, emphasizing design principles and assets.Visual representation related to World brand guidelines, emphasizing design principles and assets.

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.

Colorful abstract pattern with shades of green and red, featuring a title that says 'World chega ao Portugal'.Colorful abstract pattern with shades of green and red, featuring a title that says 'World chega ao Portugal'.
A laptop displaying the World brand guidelines webpage, featuring a gradient background with the text 'Everyone knows you more than World ID.'A laptop displaying the World brand guidelines webpage, featuring a gradient background with the text 'Everyone knows you more than World ID.'
Open brochure showcasing brand guidelines with text in Arabic and a bold red design element.Open brochure showcasing brand guidelines with text in Arabic and a bold red design element.
Design of event badges for 'a new world' featuring Speaker and Press titles, with a modern minimalist style.Design of event badges for 'a new world' featuring Speaker and Press titles, with a modern minimalist style.
Screenshot of the World App showing wallet balances and crypto performance, including WLD and ETHScreenshot of the World App showing wallet balances and crypto performance, including WLD and ETH
A person holding a tote bag featuring a gradient design of green, yellow, and blue, with the text 'A VERDADEIRA REDE HUMANA, IDENTIDADE, FINANÇAS E COMUNIDADE PARA CADA HUMANO.' and the World logo at the bottom.A person holding a tote bag featuring a gradient design of green, yellow, and blue, with the text 'A VERDADEIRA REDE HUMANA, IDENTIDADE, FINANÇAS E COMUNIDADE PARA CADA HUMANO.' and the World logo at the bottom.

Typografia

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.

The primary font used in World brand guidelinesThe primary font used in World brand guidelines
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.

Graphic representing primary typography style for World brand guidelinesGraphic representing primary typography style for World brand guidelines

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.

Stylized representation of the World brand logo, reflecting design principles for brand guidelines.Stylized representation of the World brand logo, reflecting design principles for brand guidelines.
Promotional visuals showcasing World branding, including an event announcement for San Francisco on 10.17.2024, an Orb station display, and mobile application interface with World branding. The design emphasizes innovation and community engagement.Promotional visuals showcasing World branding, including an event announcement for San Francisco on 10.17.2024, an Orb station display, and mobile application interface with World branding. The design emphasizes innovation and community engagement.
Odstępy między wierszami i literami
Design guidelines for World branding focusing on text formatting principles.Design guidelines for World branding focusing on text formatting principles.
Visual representation of text formatting principles for World branding guidelinesVisual representation of text formatting principles for World branding guidelines
Wyrównanie
Visual representation of text formatting guidelines for World brandVisual representation of text formatting guidelines for World brand

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ą.

Visual representation of secondary fonts for World brand guidelinesVisual representation of secondary fonts for World brand guidelines
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.

Visual representation of secondary fonts used in World branding guidelinesVisual representation of secondary fonts used in World branding guidelines

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.

Secondary fonts usage in World brand guidelinesSecondary fonts usage in World brand guidelines
Collage of visuals showcasing World branding, featuring a smiling person outdoors, a digital introduction slide, and a presentation on a stage emphasizing community and technology.Collage of visuals showcasing World branding, featuring a smiling person outdoors, a digital introduction slide, and a presentation on a stage emphasizing community and technology.

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.

Visual representation of brand typography, featuring Noto Sans HKn in Mandarin Chinese, related to World brand guidelines.Visual representation of brand typography, featuring Noto Sans HKn in Mandarin Chinese, related to World brand guidelines.
Mandaryński: Noto Sans HKn
Graphic representation of brand guidelines featuring the Noto Sans JP font style, emphasizing Japanese design principles.Graphic representation of brand guidelines featuring the Noto Sans JP font style, emphasizing Japanese design principles.
Japoński: Noto Sans JP
Brand guidelines image featuring the Noto Sans Arabic font for World design protocol.Brand guidelines image featuring the Noto Sans Arabic font for World design protocol.
Arabski: Noto Sans Arabic
Graphic representation related to World brand guidelines for Bengali font usage.Graphic representation related to World brand guidelines for Bengali font usage.
Bengalski: Noto Sans Bengali
Graphical representation of the Noto Sans Hebrew font as part of World brand guidelinesGraphical representation of the Noto Sans Hebrew font as part of World brand guidelines
Hebrajski: Noto Sans Hebrew
Graphic representation of World brand guidelines featuring the Noto Sans font in Cyrillic.Graphic representation of World brand guidelines featuring the Noto Sans font in Cyrillic.
Cyrylica: Noto Sans

W sytuacjach, gdy Lausanne nie jest dostępna, np. w Google Slides, można użyć alternatywnego kroju z biblioteki Google Fonts: dla tekstu głównego używana jest czcionka Inter, a dla nagłówków Inter Tight. Dozwolone jest użycie wyłącznie tych czcionek z biblioteki Google Fonts i wyłącznie w sytuacji, gdy użycie Lausanne jest niemożliwe.

Visual representation related to World brand guidelines, showcasing design principles and assets.Visual representation related to World brand guidelines, showcasing design principles and assets.

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.

Visual representation related to World brand guidelines, showcasing design principles and assets.Visual representation related to World brand guidelines, showcasing design principles and assets.
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.

World logo placement guidelines for branding consistencyWorld logo placement guidelines for branding consistency
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.

Illustration depicting the placement guidelines for the World logo in branding materials.Illustration depicting the placement guidelines for the World logo in branding materials.
Profile w mediach społecznościowych
Visual representation of the logo placement guidelines for World branding.Visual representation of the logo placement guidelines for World branding.
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.

Visual representation of World brand logo placement guidelinesVisual representation of World brand logo placement guidelines
Design guidelines featuring a senior man in conversation, alongside branding elements of World, including logo and color blocks. Text displays various statistics.Design guidelines featuring a senior man in conversation, alongside branding elements of World, including logo and color blocks. Text displays various statistics.
Two people interacting with the Orb for biometric verification, one holding the Orb and smiling, accompanied by a screenshot of withdrawal options from the World App including bank card, bank transfer, crypto wallet, and crypto exchange.Two people interacting with the Orb for biometric verification, one holding the Orb and smiling, accompanied by a screenshot of withdrawal options from the World App including bank card, bank transfer, crypto wallet, and crypto exchange.
A collage of design examples for World brand guidelines, featuring text about careers, the World Network, and verification steps. Includes headers and visuals that represent design protocols. A collage of design examples for World brand guidelines, featuring text about careers, the World Network, and verification steps. Includes headers and visuals that represent design protocols.
Design layout examples showcasing careers section with flexible design elements for World branding guidelines.Design layout examples showcasing careers section with flexible design elements for World branding guidelines.

Ilustracja

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

World ID
Graphic representation related to World ID guidelinesGraphic representation related to World ID guidelines
World App
Graphic representation related to the World App within brand guidelines.Graphic representation related to the World App within brand guidelines.
World Chain
Visual representation related to the World Chain network, aligned with brand guidelines.Visual representation related to the World Chain network, aligned with brand guidelines.
Worldcoin
Worldcoin logo illustrating the brand's identity guidelinesWorldcoin logo illustrating the brand's identity guidelines
Orb
Illustration of the Orb device in brand guidelines for WorldIllustration of the Orb device in brand guidelines for World

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.

Przykład 1 – Wykres słupkowy
Bar chart example illustrating World brand design guidelinesBar chart example illustrating World brand design guidelines
Przykład 2 – Model skalowy
Example 2 of a relative model in World brand guidelinesExample 2 of a relative model in World brand guidelines
Przykład 3 – Wykres ceny
Graph illustrating pricing examples related to World brand guidelinesGraph illustrating pricing examples related to World brand guidelines
Graphic illustrating design principles for World branding guidelinesGraphic illustrating design principles for World branding guidelines
Illustrative graphic representing the visual elements of World brand guidelines.Illustrative graphic representing the visual elements of World brand guidelines.
Graphic representation related to World brand guidelines, emphasizing design principles and assets.Graphic representation related to World brand guidelines, emphasizing design principles and assets.
Visual representation related to World brand guidelines, incorporating design principles and assets.Visual representation related to World brand guidelines, incorporating design principles and assets.
Visual representation related to World brand guidelines, emphasizing design principles and assets.Visual representation related to World brand guidelines, emphasizing design principles and assets.
A graphic representing brand guidelines for World, focusing on design principles and assets.A graphic representing brand guidelines for World, focusing on design principles and assets.
Graphic representation related to World brand design guidelines.Graphic representation related to World brand design guidelines.
Visual representation related to World brand design guidelines, emphasizing principles and assets.Visual representation related to World brand design guidelines, emphasizing principles and assets.
Graphic representation related to World brand guidelines, featuring design principles and assets.Graphic representation related to World brand guidelines, featuring design principles and assets.
Graphic representation of World brand guidelinesGraphic representation of World brand guidelines
Abstract design element representing World branding guidelinesAbstract design element representing World branding guidelines
Graphic representation of World brand guidelines emphasizing design principles and assets.Graphic representation of World brand guidelines emphasizing design principles and assets.
Design elements related to World brand guidelinesDesign elements related to World brand guidelines
Graphic element related to World brand guidelines, featuring design principles and assets.Graphic element related to World brand guidelines, featuring design principles and assets.
Illustration representing the brand guidelines of World, showcasing design principles and assets.Illustration representing the brand guidelines of World, showcasing design principles and assets.
Graphic representing World brand guidelines with design principles and assetsGraphic representing World brand guidelines with design principles and assets

Gradientowe siatki pełnią funkcję kolorowych, ekspresyjnych grafik i używane są na dwa sposoby:

  1. Jako zlokalizowane odwzorowania z użyciem kolorów mapy danego kraju jako baz dla przejścia gradientu
  2. Grafiki nastrojowe, niezwiązane z określonymi kolorami, które po prostu wyrażają nastrój lub energię.
Przykład 1 – Kolumbia
Visual example representing World branding guidelines for Colombia.Visual example representing World branding guidelines for Colombia.
Przykład 2 – Argentyna
Illustration representing branding guidelines for World in Argentina.Illustration representing branding guidelines for World in Argentina.

Ikonografia

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

Visual representation of World brand guidelinesVisual representation of World brand guidelines

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.

A visual representation related to World brand guidelines, emphasizing scalability, within the accordion section.A visual representation related to World brand guidelines, emphasizing scalability, within the accordion section.

Kiedy ikony używane są w zestawieniu z innymi elementami kompozycji, np. w sieci, zawsze należy je wyrównywać do lewego górnego rogu. W niektórych sytuacjach, gdy ikony wyświetlane są samodzielnie, bez dodatkowych elementów, można je umieszczać centralnie w kompozycji.

Lewy górny róg
Graphic representing design elements and principles of the World brand guidelines.Graphic representing design elements and principles of the World brand guidelines.
Środek
Graphic representing the center of World branding guidelinesGraphic representing the center of World branding guidelines

Zasoby

Zasoby dla banerów głównych, gradientu, symbolu waluty WLD, Orba, World App, World Chain itp.

Two individuals engaged in discussion with a third person speaking, in a modern indoor setting.Two individuals engaged in discussion with a third person speaking, in a modern indoor setting.
Filmy
A silver Orb with a circular lens in the center, designed for biometric verification.A silver Orb with a circular lens in the center, designed for biometric verification.
Zasoby produktowe