The World Design Protocol

Principles, Guidelines and Assets

Design Principles

  • Human

    A belief that the organic and unpredictable qualities of being human are essential to innovation.

  • Universal

    A visual language that is ensuring inclusivity, accessibility, and global connection.

  • Optimistic

    A belief in humanity and the role technology can play in elevating everyone.

Brand Overview

All the tools exist under the core brand umbrella that is World.

Brand OverviewBrand Overview
Brand OverviewBrand Overview

Visual Identity

The World logo is a visual anchor for our brand—simple, clear and universal. Rooted in timeless design principles, it embodies our commitment to accessibility, innovation and global connection.

Our logomark is the core representation of our brand identity. Always use the logo in its original form and maintain clear space around it to ensure visibility and impact. Modifications, distortions, or use of unauthorized colors can compromise its integrity.

Visual representation of brand principles and guidelines for WorldVisual representation of brand principles and guidelines for World
Graphic illustrating the World brand guidelines, emphasizing design principles and assets.Graphic illustrating the World brand guidelines, emphasizing design principles and assets.

Our wordmark is a key component of our brand's visual identity, working in harmony with the logo symbol to communicate our name with clarity and style. Alterations, stretching, or applying unapproved effects to the wordmark is not permitted.

Graphic representation of World branding elements in the brand guidelines sectionGraphic representation of World branding elements in the brand guidelines section
Graphic representing brand guidelines for World, illustrating design principles and assets.Graphic representing brand guidelines for World, illustrating design principles and assets.

The logo lockup combines both the logo symbol and wordmark into a unified design, representing our brand in its most complete form. This lockup should always be used as provided, maintaining proper proportions, spacing and alignment between the elements. Avoid separating, rearranging, or resizing components independently. Always refer to the guidelines for size, spacing and placement to preserve its integrity.

A visual representation related to World branding and design principles.A visual representation related to World branding and design principles.
Graphic representation related to World brand guidelines, emphasizing design principles and assets.Graphic representation related to World brand guidelines, emphasizing design principles and assets.

Clearspace is the minimum spacing between the logo and any other elements in a layout. The width of the “o” in world defines the clearspace surrounding the logo

Visual representation related to World brand guidelines and design principlesVisual representation related to World brand guidelines and design principles
Logo and Color Do’s
Logo and Color Do’sLogo and Color Do’s

Logo and Color Don’ts
Logo and Color Don’tsLogo and Color Don’ts

When showing partnerships or collaboration, the World logo can be combined with another brand’s logo into the following formats.

Partnerships SafePartnerships Safe

Colors

Neutral
dark gray palettedark gray palette
Softness, Subtle, Sophisticated, Muted, Understated, Soothing
Primary color
primary paletteprimary palette
Tranquility, Integrity, Serenity, Reflection, Wisdom, Trust
Secondary colors
secondary palettesecondary palette
Vitality, Happiness, Vibrance, Optimism, Energy, Inclusivity
Color hierarchy illustration for World brand guidelinesColor hierarchy illustration for World brand guidelines
Color coding examples related to World brand guidelines within the design protocolColor coding examples related to World brand guidelines within the design protocol
Visual representation of color coding principles in World brand guidelinesVisual representation of color coding principles in World brand guidelines
Visual representation of color coding principles for World brand design guidelinesVisual representation of color coding principles for World brand design guidelines
Illustration related to color coding in World brand guidelinesIllustration related to color coding in World brand guidelines

Secondary colors are used for both expressive and utilitarian purposes within the World brand. Examples include color coding different clearance levels for event badges, localized gradient flag colors for launch materials, color semantics within user interfaces and expressive supporting visuals.

portugalportugal
UKUK

Typography

World Pro was custom built to scale and provide a universal visual system for everyone using, integrating and interacting with World. It is the only font used in the World brand.

World proWorld pro

World Pro Font

Weights

There are two weights of World Pro: Regular and Medium. Regular is most commonly used, with Medium acting as an accent when needed for emphasis.

World Pro MediumWorld Pro Medium
Leading & Tracking
Leading & TrackingLeading & Tracking
Leading & TrackingLeading & Tracking
Alignment
AlignmentAlignment

World Pro Regular is generally considered versatile enough to work for headlines and body copy, with scale more commonly used to create hierarchy.

World Pro Medium can be used for smaller subheads when added weight is needed.

HeadlinesHeadlines
UsageUsage
outdoor-screen-3 3outdoor-screen-3 3

We use the Noto font alongside our primary Latin typefaces to ensure comprehensive support for all non-Latin scripts. Noto was chosen for its extensive coverage of global languages, offering consistent and visually harmonious typography across diverse scripts, including Chinese, Arabic, Cyrillic and Japanese.

This approach allows us to maintain brand consistency and inclusivity, ensuring our communication reaches users worldwide in their native scripts, without compromising readability or aesthetic coherence.

Section of the World brand guidelines featuring design assets and typography examples.Section of the World brand guidelines featuring design assets and typography examples.
Mandarin: Noto Sans HKn
Visual representation of the accordion item in World brand guidelines, featuring text in Noto Sans JP font.Visual representation of the accordion item in World brand guidelines, featuring text in Noto Sans JP font.
Japanese: Noto Sans JP
Graphic representation of the Noto Sans Arabic font, part of World Brand GuidelinesGraphic representation of the Noto Sans Arabic font, part of World Brand Guidelines
Arabic: Noto Sans Arabic
Visual representation of Bengali text in Noto Sans Bengali font, showcasing brand typography.Visual representation of Bengali text in Noto Sans Bengali font, showcasing brand typography.
Bengali: Noto Sans Bengali
Noto Sans Hebrew font example for brand guidelinesNoto Sans Hebrew font example for brand guidelines
Hebrew: Noto Sans Hebrew
Accordion item image featuring a design element related to the World brand, emphasizing Cyrillic in Noto Sans font.Accordion item image featuring a design element related to the World brand, emphasizing Cyrillic in Noto Sans font.
Cyrillic: Noto Sans

In limited situations where World Pro is not available, i.e. Google Slides, an alternate typeface from the Google Fonts library can be used: For body copy, the font Inter is used; for headlines, the font Inter Tight is used. Only these fonts from the Google Fonts library can be used and only when it is not possible to use World Pro.

Graphic representing design elements for World brand guidelines.Graphic representing design elements for World brand guidelines.

Composition

The grid is one of the most important tools in the design system. It is essential for all layouts and compositions and should be used at all times. Whether it is a 2, 4, 6, or 8 column grid depends on the size of the artboard and the number of elements within it, but all elements in a composition should be aligned to the underlying grid and spaced proportionally to the margins.

Visual representation of World brand principles and design guidelinesVisual representation of World brand principles and design guidelines
Internal materials

For all internal materials and branded collateral, where the logo appears with other assets and content, the logo is placed in the top left corner of the layout to ensure consistency.

Illustration showing guidelines for logo placement in World brandingIllustration showing guidelines for logo placement in World branding
Solo logo

In layouts where the logo is the only element, such as video cards or certain campaigns or announcements, the logo is used in the center of the layout.

Graphic representation showing guidelines for logo placement in World branding materialsGraphic representation showing guidelines for logo placement in World branding materials
Social media profiles
Illustration outlining proper logo placement for World brandingIllustration outlining proper logo placement for World branding
World is a network of real humansWorld is a network of real humans
benefitsbenefits
benefits world idbenefits world id

Illustration

Each of the main World products has an illustration associated with it, derived from the nature of the product or its offering.

World ID
phonesphones
World App
Visual representation related to World App in brand guidelinesVisual representation related to World App in brand guidelines
World Chain
Graphical representation related to World Chain branding principlesGraphical representation related to World Chain branding principles
Worldcoin
Illustration related to Worldcoin branding, showcasing design principles and assetsIllustration related to Worldcoin branding, showcasing design principles and assets
Orb
Illustration or graphic related to the Orb as part of World’s brand guidelinesIllustration or graphic related to the Orb as part of World’s brand guidelines

Though there are many ways to represent data, a consistent style should be applied. Outlines, geometric shapes for charts and graphs, subtle and intentional uses of fills and color are the consistent elements within data visualization graphics.

Ex. 1 - Bar chart
An illustrative bar chart representing data in the World brand guidelinesAn illustrative bar chart representing data in the World brand guidelines
Ex. 2 - Scale model
Scale model illustration showcasing World brand elements and design principles.Scale model illustration showcasing World brand elements and design principles.
Ex. 3 - Price graph
A graphical representation illustrating pricing trends for World products.A graphical representation illustrating pricing trends for World products.
Graphic representation of the World brand guidelines focusing on design principles and assets.Graphic representation of the World brand guidelines focusing on design principles and assets.
Visual representation of World brand guidelines in a decorative accordion-style format.Visual representation of World brand guidelines in a decorative accordion-style format.
Stylized graphic representing the World brand design principlesStylized graphic representing the World brand design principles
Graphic representation of World branding elements, illustrating design guidelines.Graphic representation of World branding elements, illustrating design guidelines.
Illustration related to World brand guidelines, emphasizing design principles and assets.Illustration related to World brand guidelines, emphasizing design principles and assets.
Graphic representation related to World brand guidelines section, emphasizing design principles and assets.Graphic representation related to World brand guidelines section, emphasizing design principles and assets.
Graphic representing World brand guidelines, showcasing design principles and assets.Graphic representing World brand guidelines, showcasing design principles and assets.
Visual representation of World brand guidelines, featuring design assets and principles.Visual representation of World brand guidelines, featuring design assets and principles.
Graphic representing World brand design principles and guidelines in an accordion format.Graphic representing World brand design principles and guidelines in an accordion format.
Graphic representation related to World brand design principles, featured in brand guidelines sectionGraphic representation related to World brand design principles, featured in brand guidelines section
Graphic representation of World brand assets in a branded layout.Graphic representation of World brand assets in a branded layout.
Visual representation related to World brand guidelines within a design protocol section.Visual representation related to World brand guidelines within a design protocol section.
Graphic representation related to World brand guidelines, featuring design elements.Graphic representation related to World brand guidelines, featuring design elements.
Illustration representing the brand principles and guidelines of World.Illustration representing the brand principles and guidelines of World.
World logo featuring a modern design that represents innovation and empowerment in technology.World logo featuring a modern design that represents innovation and empowerment in technology.
Graphic representation related to World brand guidelines and design principlesGraphic representation related to World brand guidelines and design principles

Gradient grids serve as colorful, expressive graphics and are used in two ways:

  1. As localized representations using colors of a country’s map as inputs for the gradient transition
  2. Ambient graphics, not specifically tied to any colors but simply expressing a mood or energy.
Ex. 1 - Colombia
colombiacolombia
Ex. 2 - Argentina
ArgentinaArgentina

Iconography

Below is the complete set of icons as exists currently. More icons can and will be created but must be done using the construction guidelines to maintain consistency.

World icons are designed as extensions of our typeface, mirroring stroke weight and curves.

It is essential that all icons paired with text maintain the same proportions and alignment to be harmonious with the typeface. Icons are designed so that horizontal rectangular icons are aligned to the top and bottom of cap height, and are centered vertically.

Ex Group Ex Group
Icon sizing

All svg icons are contained in a standard frame. In order to maintain consistent size in relation to typography, we can apply a formula to the frame of the icon: multiply font size by 1.07 to get icon frame size. e.g. If font size is 180px, icon frame should be (180x1.07)=192.6px wide.

MailMail
Font SizesFont Sizes

Assets

Assets for hero images, gradient, WLD currency symbol, Orb, World App, World Chain, etc.