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 alle Grenzen, Kulturen und Geschichten überwindet—um Inklusion, Zugänglichkeit und globale Verbindung zu gewährleisten.
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
Bei der Darstellung von Partnerschaften oder Kollaborationen kann das World Logo mit dem Logo einer anderen Marke in den folgenden Formaten kombiniert werden.
Farben & Farbverlauf
Farbverlauf erstellen (PDF-Anleitung)
- Der World Farbverlauf ist ein wichtiges Element im Kern-Markensystem. Er vermittelt Hoffnung und Optimismus und kann als erkennbares Brand Asset verwendet werden, wenn er als Hintergrund eingesetzt wird.
- Er sollte nur in den vorgeschriebenen Farben verwendet werden.
- Der Farbverlauf muss als Bitmap erstellt und dann koloriert werden, wobei die Bitmap-Auflösung den Richtlinien auf den folgenden Seiten entsprechen muss.
Farbverlauf – Auflösung
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
Lausanne ist eine raffinierte, modernistische sans-serif-Schrift, die äußerst vielseitig für Text- und Displayzwecke einsetzbar ist. Sie steht in einer Reihe mit klassischen sans-serif-Schriften und integriert die Besonderheiten der digitalen Typografie. Sie ist die einzige Schrift, die in der World Marke verwendet wird.
Schriftstärken
Im Folgenden sind die drei Schriftstärken von Lausanne aufgeführt, die in der gesamten World Marke verwendet werden. Sie bilden die Grundlage aller Inhalte, und Ausnahmen oder Ergänzungen müssen intern genehmigt werden.
Allgemein gesprochen können die folgenden Regeln auf fast jedes typografische Szenario innerhalb der Markenkommunikation angewendet werden.
Fließtext und längere Textabschnitte werden in der Stärke 300 gesetzt. Überschriften und große Displaytypen sind in der 400er Stärke, während kleinere Unterüberschriften und Titel in 450 gehalten werden, um die Boldness beizubehalten, aber etwas kleiner als die Hauptüberschriften zu bleiben.


Zeilenabstand & Buchstabenabstand
Ausrichtung
Die Tiempos Collection ist eine moderne Serifenschriftfamilie für redaktionelle Typografie. Tiempos Headline ist für größere Headline-Größen konzipiert und vereint Praktikabilität mit Eleganz.
Schriftstärken
Im Folgenden sind die zwei Schriftstärken von Tiempos Headline aufgeführt, die in der gesamten World Marke verwendet werden. Ausnahmen oder Ergänzungen müssen intern genehmigt werden.
Tiempos Headline ist unsere sekundäre Schriftart, die nur in einigen spezifischen Fällen verwendet wird, meistens wenn die Marke direkt mit dem Nutzer spricht und Nähe schaffen will.
Verwendungszwecke sind Werbung, Merchandising und einige Bildschirme im UX. Alle Inhalte sowie Ausnahmen oder Ergänzungen müssen intern genehmigt werden.
Schriftrolle
Social Media Posts, Kampagnen, Exklusivität
Tiempos verleiht der visuellen Sprache der Marke eine menschliche Note und direkte Stimme. Es eignet sich ideal, um in bestimmten Szenarien eine warme, einladende und gehobene Tonalität zu erzeugen, wenn die Absicht besteht, auf eine persönlichere Weise mit den Nutzer zu kommunizieren.


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 Lausanne 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 Lausanne nicht möglich ist.
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
Logo auf Farbverlauf
Wenn das Logo auf einem Farbverlaufs-Hintergrund platziert wird, sollte es immer im hellen Bereich positioniert werden, um die Lesbarkeit nicht zu beeinträchtigen.








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
Zur besseren Identifikation und Navigation ist jedem Produkt ein Icon zugeordnet, entwickelt als Kurzform seiner jeweiligen Produktillustration.
Produkt-Icons sollten in Bezug auf die Schriftstärke über verschiedene Größen hinweg das gleiche Gefühl vermitteln. Die Basislinie ist 1,0 px bei einer Icon-Breite von 60 px, und bei einer größeren oder kleineren Darstellung sollte sich die Strichstärke entsprechend der optischen Darstellung anpassen.
Wenn die Icons im Zusammenhang mit anderen Elementen in einem Layout verwendet werden, wie z.B. im Web, sollten sie immer in der linken oberen Ecke ausgerichtet werden. In manchen Fällen, wenn die Icons zusammen ohne weitere Elemente dargestellt werden, können sie mittig in einer Komposition platziert werden.
Assets
Assets für Hero-Bilder, Farbverlauf, WLD-Währungssymbol, Orb, World App, World Chain usw.



