World Design Protokoll
Prinzipien, Richtlinien und Assets
Designprinzipien
Menschlich
Der Glaube, dass die organischen und unvorhersehbaren Qualitäten des Menschseins für Innovation unerlässlich sind.
Universell
Eine visuelle Sprache, die Inklusion, Zugänglichkeit und globale Verbindung gewährleistet.
Optimistisch
Ein Glaube an die Menschheit und daran, dass Technologie alle Menschen voranbringen kann.
Markenübersicht
Alle Tools existieren unter dem Hauptmarkendach, das World ist.
Visuelle Identität
World Logo
Das World Logo ist der visuelle Anker unserer Marke—einfach, klar und universell. Es gründet auf zeitlosen Designprinzipien und steht für unser Bekenntnis zu Zugänglichkeit, Innovation und globaler Verbindung.
Unsere Bildmarke ist die zentrale Darstellung unserer Markenidentität. Verwende das Logo immer in seiner Originalform und halte ausreichend Freiraum darum ein, um Sichtbarkeit und Wirkung zu gewährleisten. Änderungen, Verzerrungen oder die Verwendung nicht autorisierter Farben können die Integrität beeinträchtigen.
Unsere Wortmarke ist ein Schlüsselelement der visuellen Identität unserer Marke, das im Zusammenspiel mit dem Logosymbol unseren Namen klar und stilvoll kommuniziert. Änderungen, Strecken oder das Anwenden nicht genehmigter Effekte an der Wortmarke sind nicht gestattet.
Die Logoanordnung kombiniert sowohl das Logosymbol als auch die Wortmarke zu einem einheitlichen Design, das unsere Marke in ihrer vollständigsten Form repräsentiert. Diese Logoanordnung sollte immer wie vorgegeben verwendet werden und die richtigen Proportionen, Abstände und Ausrichtungen zwischen den Elementen beibehalten. Vermeide es, Komponenten getrennt, umsortiert oder einzeln zu skalieren. Beachte immer die Richtlinien zu Größe, Abstand und Platzierung, um die Integrität zu wahren.
Freiraum ist der Mindestabstand zwischen dem Logo und anderen Elementen in einem Layout. Die Breite des „o“ in World definiert den Freiraum um das Logo herum
Logo- und Farb-Do’s
Logo- und Farb-Don’ts
Bei der Darstellung von Partnerschaften oder Kollaborationen kann das World Logo mit dem Logo einer anderen Marke in den folgenden Formaten kombiniert werden.


Farben
Sekundärfarben werden innerhalb der World Brand sowohl zu ausdrucksstarken als auch zu funktionalen Zwecken verwendet. Beispiele hierfür sind die farbliche Kennzeichnung unterschiedlicher Clearance-Levels bei Event-Badges, lokalisierte Gradient-Flag-Farben für Launch-Materialien, Farbbedeutung innerhalb von User-Interfaces sowie ausdrucksstarke unterstützende Visuals.




Typografie
World Pro wurde speziell entwickelt, um skalierbar zu sein und ein universelles visuelles System für alle zu bieten, die World verwenden, integrieren und damit interagieren. Es ist die einzige Schriftart, die in der World-Marke verwendet wird.


Schriftstärken
World Pro ist in zwei Schriftschnitten verfügbar: Regular und Medium. Regular wird am häufigsten verwendet, während Medium bei Bedarf zur Hervorhebung eingesetzt wird.


Zeilenabstand & Buchstabenabstand
Ausrichtung
World Pro Regular gilt als vielseitig genug für Überschriften und Fließtext, wobei Hierarchien meist über die Schriftgröße geschaffen werden.
World Pro Medium kann für kleinere Zwischenüberschriften verwendet werden, wenn ein stärkerer Schriftschnitt benötigt wird.






Wir verwenden die Noto Schriftart zusammen mit unseren primären lateinischen Schriften, um umfassende Unterstützung für alle nicht-lateinischen Schriften zu gewährleisten. Noto wurde aufgrund seiner breiten Abdeckung weltweiter Sprachen gewählt und bietet konsistente und optisch harmonische Typografie über verschiedene Schriftsysteme hinweg, einschließlich Chinesisch, Arabisch, Kyrillisch und Japanisch.
Dieser Ansatz ermöglicht es uns, Marken-Konsistenz und Inklusion zu gewährleisten, sodass unsere Kommunikation Nutzer weltweit in ihren eigenen Schriften erreicht, ohne Lesbarkeit oder ästhetische Kohärenz zu beeinträchtigen.
In begrenzten Fällen, in denen World Pro nicht verfügbar ist, z.B. Google Slides, kann eine alternative Schriftart aus der Google Fonts Bibliothek verwendet werden: Für Fließtext wird die Schriftart Inter verwendet; für Überschriften die Schriftart Inter Tight. Nur diese Schriften aus der Google Fonts Bibliothek dürfen genutzt werden, und nur, wenn es nicht möglich ist, World Pro zu verwenden.
Komposition
Das Raster ist eines der wichtigsten Werkzeuge im Designsystem. Es ist für alle Layouts und Kompositionen unerlässlich und sollte immer verwendet werden. Ob es sich um ein 2-, 4-, 6- oder 8-spaltiges Raster handelt, hängt von der Größe der Arbeitsfläche und der Anzahl der enthaltenen Elemente ab, aber alle Elemente einer Komposition sollten am zugrunde liegenden Raster ausgerichtet und proportional zu den Rändern platziert werden.
Interne Materialien
Für alle internen Materialien und gebrandeten Werbemittel, bei denen das Logo mit anderen Assets und Inhalten erscheint, wird das Logo in der linken oberen Ecke des Layouts platziert, um Konsistenz zu gewährleisten.
Einzel-Logo
In Layouts, in denen das Logo das einzige Element ist, wie z.B. bei Videokarten oder bestimmten Kampagnen oder Ankündigungen, wird das Logo mittig im Layout platziert.
Social-Media-Profile






Illustration
Jedes der Hauptprodukte von World hat eine zugehörige Illustration, die sich aus der Art des Produkts oder dem Angebot ableitet.
Obwohl es viele Möglichkeiten zur Darstellung von Daten gibt, sollte ein konsistenter Stil angewendet werden. Konturen, geometrische Formen für Diagramme und Grafiken, subtiler und gezielter Einsatz von Füllungen und Farbe sind die durchgängigen Elemente innerhalb der Datenvisualisierungsgrafiken.
Verlaufsraster dienen als bunte, ausdrucksstarke Grafiken und werden auf zwei Arten verwendet:
- Als lokalisierte Darstellungen, bei denen Farbtöne einer Landeskarte als Eingabe für den Farbverlauf verwendet werden
- Ambiente Grafiken, die nicht auf bestimmte Farben bezogen sind, sondern einfach eine Stimmung oder Energie ausdrücken.




Iconographie
Im Folgenden befindet sich das vollständige Set der derzeit vorhandenen Symbole. Weitere Symbole können und werden erstellt werden, müssen dabei jedoch den Konstruktionsrichtlinien folgen, um Konsistenz zu gewährleisten.
Die World-Icons sind als Erweiterung unserer Schrift gestaltet und spiegeln Strichstärke und Kurvenführung wider.
Es ist essenziell, dass alle Icons, die mit Text kombiniert werden, dieselben Proportionen und dieselbe Ausrichtung beibehalten, um mit der Schriftart harmonisch zu sein. Icons sind so gestaltet, dass horizontale rechteckige Icons am oberen und unteren Rand der Versalhöhe ausgerichtet und vertikal zentriert sind.
Icon-Größen
Alle SVG-Icons sind in einem Standardrahmen enthalten. Um eine konsistente Größe im Verhältnis zur Typografie beizubehalten, können wir eine Formel auf den Rahmen des Icons anwenden: Schriftgröße mit 1,07 multiplizieren, um die Größe des Icon-Rahmens zu erhalten. Zum Beispiel: Wenn die Schriftgröße 180px beträgt, sollte der Icon-Rahmen (180x1,07)=192,6px breit sein.
Assets
Assets für Hero-Bilder, Farbverlauf, WLD-Währungssymbol, Orb, World App, World Chain usw.



