Linee guida del marchio World

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

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.

Lockup

Wordmark

Logomark

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

Rappresentazione visiva dei principi e delle linee guida del marchio World

Grafica che illustra le linee guida del marchio World, con enfasi sui principi di design e sugli asset.

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.

Rappresentazione grafica degli elementi di branding World nella sezione delle linee guida del marchio

Grafica che rappresenta le linee guida del marchio World, illustrando principi di design e asset.

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

Rappresentazione visiva relativa al branding World e ai principi di design.

Rappresentazione grafica relativa alle linee guida del marchio World, con enfasi sui principi di design e asset.

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.

Cosa fare con il logo e i colori

Cosa non fare: Logo e Colore

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

Colori

Illustrazione della gerarchia dei colori nelle linee guida del marchio World

Esempi di codifica dei colori relativi alle linee guida del marchio World all'interno del protocollo di design

Rappresentazione visiva dei principi di codifica dei colori nelle linee guida del marchio World

Rappresentazione visiva dei principi di codifica dei colori per le linee guida del design del marchio World

Illustrazione relativa alla codifica dei colori nelle linee guida del marchio World

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.

Tipografia

World Pro è stato creato su misura per essere scalabile e fornire un sistema visivo universale per chiunque utilizzi, integri o interagisca con World. È l'unico carattere utilizzato nel brand World.

Font World Pro

Pesi

Esistono due pesi per World Pro: Regular e Medium. Il Regular è il più comunemente utilizzato, mentre il Medium funge da accento quando è necessaria enfasi.

Le interlinee e il tracciamento

Allineamento

Il World Pro Regular è generalmente considerato abbastanza versatile da adattarsi a titoli e corpo del testo, utilizzando solitamente la scala dimensionale per creare gerarchia.

World Pro Medium può essere utilizzato per sottotitoli più piccoli quando è richiesto un peso maggiore.

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.

Sezione delle linee guida del marchio World con asset di design ed esempi di tipografia. — Mandarino: Noto Sans HKn

Rappresentazione visiva della voce dell'accordion nelle linee guida del marchio World, con testo nel font Noto Sans JP. — Giapponese: Noto Sans JP

Rappresentazione grafica del font Noto Sans Arabic, parte delle linee guida del marchio World — Arabo: Noto Sans Arabic

Rappresentazione visiva del testo bengalese nel font Noto Sans Bengali, che mostra la tipografia del marchio. — Bengalese: Noto Sans Bengali

Esempio di font Noto Sans Hebrew per le linee guida del marchio — Ebraico: Noto Sans Hebrew

Immagine di item accordion che presenta un elemento di design relativo al marchio World, con enfasi sul cirillico nel font Noto Sans. — Cirillico: Noto Sans

In situazioni limitate in cui World Pro non è disponibile, ad esempio in Google Presentazioni, è possibile utilizzare un carattere alternativo della libreria Google Fonts: per il corpo del testo si utilizza il font Inter; per i titoli si utilizza il font Inter Tight. Solo questi font della libreria Google Fonts possono essere utilizzati e solo quando non è possibile usare il World Pro.

Grafica che rappresenta elementi di design per le linee guida del marchio World.

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.

Rappresentazione visiva dei principi e delle linee guida di design del marchio World

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.

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.

Profili social media

Illustrazione

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

Rappresentazione visiva relativa a World App nelle linee guida del marchio — World App

Rappresentazione grafica relativa ai principi di branding di World Chain — World Chain

Illustrazione relativa al branding Worldcoin, che mostra principi di design e asset — Worldcoin

Illustrazione o grafica relativa all'Orb come parte delle linee guida del marchio World — Orb

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.

Un grafico a barre illustrativo che rappresenta dati nelle linee guida del marchio World — Es. 1 - Grafico a barre

Illustrazione di modello in scala che mostra gli elementi e i principi di design del marchio World. — Es. 2 - Modello in scala

Una rappresentazione grafica che illustra le tendenze di prezzo dei prodotti World. — Es. 3 - Grafico del prezzo

Rappresentazione grafica delle linee guida del marchio World con focus su principi di design e asset.

Rappresentazione visiva delle linee guida del marchio World in un formato decorativo a fisarmonica.

Grafica stilizzata che rappresenta i principi di design del marchio World

Rappresentazione grafica degli elementi di branding World che illustra le linee guida di design.

Illustrazione relativa alle linee guida del marchio World, con enfasi su principi di design e asset.

Rappresentazione grafica relativa alla sezione delle linee guida del marchio World, con enfasi su principi di design e asset.

Grafica che rappresenta le linee guida del marchio World, mostrando principi di design e asset.

Rappresentazione visiva delle linee guida del marchio World, con asset e principi di design.

Grafica che rappresenta i principi di design e le linee guida del marchio World in formato a fisarmonica.

Rappresentazione grafica relativa ai principi di design del marchio World, presente nella sezione linee guida del marchio

Rappresentazione grafica degli asset del marchio World in un layout brandizzato.

Rappresentazione visiva relativa alle linee guida del marchio World all'interno di una sezione di protocollo di design.

Rappresentazione grafica relativa alle linee guida del marchio World, con elementi di design.

Illustrazione che rappresenta i principi e le linee guida del marchio World.

Rappresentazione grafica relativa alle linee guida del marchio World e ai principi di design

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

Come rappresentazioni locali usando i colori della mappa di un paese come input per la transizione del gradiente
Grafiche ambientali, non legate a specifici colori ma semplicemente espressive di uno stato d'animo o energia

Iconografia

Di seguito è riportato il set completo di icone attualmente esistente. Altre icone possono e saranno create, ma devono essere realizzate seguendo le linee guida di costruzione per mantenere la coerenza.

Le icone di World sono progettate come estensioni del nostro carattere, rispecchiandone lo spessore del tratto e le curve.

È essenziale che tutte le icone abbinate al testo mantengano le stesse proporzioni e lo stesso allineamento per essere armoniose con il carattere. Le icone sono progettate in modo che le icone rettangolari orizzontali siano allineate al bordo superiore e inferiore dell'altezza delle maiuscole e siano centrate verticalmente.

Dimensione delle icone

Tutte le icone SVG sono contenute in una cornice standard. Per mantenere una dimensione coerente rispetto alla tipografia, possiamo applicare una formula alla cornice dell'icona: moltiplica la dimensione del carattere per 1,07 per ottenere la dimensione della cornice dell'icona. Ad esempio: se la dimensione del carattere è 180px, la cornice dell'icona deve essere larga (180x1,07)=192,6px.