Protocollo World Design

Principi, linee guida e risorse

Principi di design

  • Umano

    La convinzione che le qualità organiche e imprevedibili dell'essere umano siano fondamentali per l'innovazione.

  • Universale

    Un linguaggio visivo che va oltre ogni confine, cultura e storia, garantendo inclusività, accessibilità e connessione globale.

  • Ottimista

    Credere nell'umanità e nel ruolo che la tecnologia può avere nel migliorare la vita di tutti.

Panoramica del marchio

Tutti gli strumenti fanno parte del marchio principale 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.

Identità visiva

Logo World

Il logo World è il punto di riferimento visivo del nostro marchio: semplice, chiaro e universale. Basato su principi di design senza tempo, rappresenta il nostro impegno verso l'accessibilità, l'innovazione e la connessione globale.

Il nostro logo è il cuore dell'identità del nostro brand. Usa sempre il logo com'è e lascia un po' di spazio intorno per renderlo più visibile e di maggiore impatto. Modificarlo, distorcerlo o usare colori non autorizzati può rovinarne l'integrità.

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

Il nostro marchio è una parte importante dell'identità visiva del nostro brand e va d'accordo con il logo per far capire il nostro nome in modo chiaro e con stile. Non si possono fare modifiche, allungamenti o effetti non approvati al marchio.

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.

Il logo lockup mette insieme il simbolo e il marchio in un unico design, che rappresenta il nostro brand nella sua forma più completa. Questo lockup va sempre usato così com'è, mantenendo le giuste proporzioni, spaziature e allineamenti tra gli elementi. Evita di separare, riorganizzare o ridimensionare i componenti da solo. Segui sempre le linee guida per dimensioni, spaziature e posizionamento per mantenere la sua integrità.

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

Lo spazio libero è la distanza minima tra il logo e qualsiasi altro elemento in un layout. La larghezza della “o” in world definisce lo spazio libero che circonda il logo.

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

Quando vuoi mostrare partnership o collaborazioni, il logo World può essere messo insieme al logo di un altro marchio nei seguenti formati.

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.

Colori e gradiente

Neutrale
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.
Morbido, Delicato, Sofisticato, Tenue, Sobrio, Rilassante
Colore primario
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.
Tranquillità, Onestà, Serenità, Riflessione, Saggezza, Fiducia
Colori secondari
Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.
Vitalità, Felicità, Entusiasmo, Ottimismo, Energia, Inclusività
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

Crea un gradiente (Tutorial PDF)

  • Il gradiente World è un elemento importante del sistema di branding principale. Trasmette speranza e ottimismo e può essere usato come risorsa di branding riconoscibile quando viene usato come sfondo.
  • Dovrebbe essere usato solo nei colori indicati.
  • Il gradiente deve essere creato come bitmap e poi colorato, assicurandosi che la risoluzione del bitmap segua le linee guida nelle pagine seguenti.
Color gradient examples for World brand guidelinesColor gradient examples for World brand guidelines
Gradiente — Risoluzione
Troppo bassa
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.
Giusta
Illustration related to World brand guidelines, symbolizing adaptability and suitability.Illustration related to World brand guidelines, symbolizing adaptability and suitability.
Troppo alta
Visual representation related to World brand guidelines, emphasizing design principles and assets.Visual representation related to World brand guidelines, emphasizing design principles and assets.

I colori secondari sono usati sia per dare un tocco espressivo che per scopi pratici nel marchio World. Alcuni esempi sono: usare colori diversi per indicare i livelli di autorizzazione nei badge degli eventi, colori sfumati personalizzati per le bandiere nei materiali di lancio, la semantica dei colori nelle interfacce utente e immagini di supporto espressive.

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.

Tipografia

Lausanne è un font sans-serif moderno e sofisticato, super versatile sia per il testo che per la visualizzazione. Si mette alla pari con i grandi sans-serif classici, ma con le particolarità della tipografia digitale. È l'unico font usato nel marchio World.

The primary font used in World brand guidelinesThe primary font used in World brand guidelines
Pesi

Di seguito ci sono i tre pesi di Lausanne usati in tutto il marchio World. Sono la base di tutti i contenuti e qualsiasi eccezione o aggiunta deve essere approvata internamente.

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

In generale, queste regole possono essere usate praticamente in ogni situazione tipografica all'interno dei messaggi del marchio.

Il corpo del testo e le sezioni lunghe sono in peso 300. I titoli e i caratteri grandi sono in peso 400, mentre i sottotitoli e i titoli più piccoli sono in peso 450 per mantenere il grassetto pur essendo leggermente più piccoli dei titoli principali.

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.
Le interlinee e il tracciamento
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
Allineamento
Visual representation of text formatting guidelines for World brandVisual representation of text formatting guidelines for World brand

La collezione Tiempos è una famiglia di caratteri serif moderni pensati per la tipografia editoriale. Tiempos Headline è fatto apposta per titoli di grandi dimensioni, trovando un equilibrio tra praticità ed eleganza.

Visual representation of secondary fonts for World brand guidelinesVisual representation of secondary fonts for World brand guidelines
Pesi

Di seguito ci sono i due pesi di Tiempos Headline usati in tutto il marchio World. Qualsiasi eccezione o aggiunta deve essere approvata internamente.

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

Tiempos Headline è il nostro secondo font, usato solo in alcuni casi specifici, soprattutto quando il marchio si rivolge direttamente all'utente e vuole creare un senso di vicinanza.

Può essere utilizzato per pubblicità, merchandising e alcune schermate nella UX. Tutti i contenuti e qualsiasi eccezione o aggiunta devono essere approvati internamente.

Ruolo del font

Post sui social media, campagne, esclusività

Tiempos aggiunge un tocco umano e una voce diretta al linguaggio visivo del marchio. È perfetto per creare un tono accogliente, accessibile e raffinato in situazioni specifiche, quando si vuole comunicare in modo più intimo con gli utenti.

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.

Usiamo il font Noto insieme ai nostri caratteri tipografici latini principali per garantire un supporto completo a tutti gli alfabeti non latini. Noto è stato scelto perché copre un sacco di lingue del mondo, offrendo una tipografia coerente e visivamente armoniosa in diversi alfabeti, come cinese, arabo, cirillico e giapponese.

Questo ci permette di mantenere la coerenza e l'inclusività del marchio, assicurando che la nostra comunicazione raggiunga gli utenti di tutto il mondo nelle loro lingue native, senza compromettere la leggibilità o la coerenza estetica.

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.
Mandarino: 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.
Giapponese: 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.
Arabo: 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.
Bengalese: 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
Ebraico: 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.
Cirillico: Noto Sans

Quando non puoi usare Lausanne, tipo in Google Slides, puoi usare un altro font dalla libreria Google Fonts: per il testo, usa il font Inter; per i titoli, usa il font Inter Tight. Puoi usare solo questi font dalla libreria Google Fonts e solo se non puoi usare Lausanne.

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

Composizione

La griglia è uno degli strumenti più importanti nel sistema di progettazione. È fondamentale per tutti i layout e le composizioni e va usata sempre. Che sia una griglia a 2, 4, 6 o 8 colonne dipende dalle dimensioni della tavola da disegno e da quanti elementi ci sono dentro, ma tutti gli elementi in una composizione dovrebbero essere allineati alla griglia sottostante e distanziati in modo proporzionale ai margini.

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

Per tutto il materiale interno e il materiale promozionale del marchio, dove il logo compare insieme ad altre risorse e contenuti, il logo va messo nell'angolo in alto a sinistra del layout per garantire la coerenza.

World logo placement guidelines for branding consistencyWorld logo placement guidelines for branding consistency
Logo singolo

Nei layout in cui il logo è l'unico elemento, come le schede video o alcune campagne o annunci, il logo viene messo al centro del layout.

Illustration depicting the placement guidelines for the World logo in branding materials.Illustration depicting the placement guidelines for the World logo in branding materials.
Profili social media
Visual representation of the logo placement guidelines for World branding.Visual representation of the logo placement guidelines for World branding.
Logo su gradiente

Quando posizioni il logo sullo sfondo sfumato, assicurati di metterlo sempre nella parte chiara, così non si confonde e si legge bene.

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.

Illustrazione

Ogni prodotto principale di World ha un'immagine che lo rappresenta, ispirata alla natura del prodotto o a quello che offre.

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

Anche se ci sono tanti modi per mostrare i dati, è meglio usare uno stile coerente. Contorni, forme geometriche per grafici e tabelle, usi delicati e mirati di riempimenti e colori sono gli elementi che rendono coerente la grafica di visualizzazione dei dati.

Es. 1 - Grafico a barre
Bar chart example illustrating World brand design guidelinesBar chart example illustrating World brand design guidelines
Es. 2 - Modello in scala
Example 2 of a relative model in World brand guidelinesExample 2 of a relative model in World brand guidelines
Es. 3 - Grafico del prezzo
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

Le griglie a gradiente servono come grafiche colorate ed espressive e sono usate in due modi:

  1. Come rappresentazioni locali usando i colori della mappa di un paese come input per la transizione del gradiente
  2. Grafiche ambientali, non legate a specifici colori ma semplicemente espressive di uno stato d'animo o energia
Es. 1 - Colombia
Visual example representing World branding guidelines for Colombia.Visual example representing World branding guidelines for Colombia.
Es. 2 - Argentina
Illustration representing branding guidelines for World in Argentina.Illustration representing branding guidelines for World in Argentina.

Iconografia

Per agevolare identificazione e navigazione, ogni prodotto ha un'icona associata, sviluppata come forma abbreviata della relativa illustrazione di prodotto.

Visual representation of World brand guidelinesVisual representation of World brand guidelines

Le icone di prodotto devono mantenere lo stesso aspetto e spessore visivo attraverso le diverse dimensioni. Il peso di base usato è 1,0 px quando l'icona è impostata a 60 px di larghezza e, se viene ingrandita o ridotta, il peso dovrà adattarsi per preservare lo stesso impatto ottico del peso di base.

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.

Quando le icone sono usate in contesti con altri elementi di un layout, come sul web, devono essere sempre allineate nell'angolo in alto a sinistra. In alcune situazioni, quando le icone sono mostrate insieme, senza altri elementi, possono essere posizionate al centro della composizione.

In alto a sinistra
Graphic representing design elements and principles of the World brand guidelines.Graphic representing design elements and principles of the World brand guidelines.
Centro
Graphic representing the center of World branding guidelinesGraphic representing the center of World branding guidelines

Risorse

Risorse per immagini hero, sfumature, simbolo della valuta WLD, Orb, World App, World Chain, ecc.