Protocolo de diseño de World
Principios, normas y recursos
Principios de diseño
Humano
La creencia de que las cualidades orgánicas e impredecibles de la condición humana son fundamentales para la innovación.
Universal
Un lenguaje visual que garantiza la inclusión, la accesibilidad y la conexión global.
Optimista
Una firme creencia en la humanidad y en el papel de la tecnología como herramienta de empoderamiento.
Visión general de la marca
Todas las herramientas se integran bajo el paraguas de la marca principal: World.
Identidad visual
Logotipo de World
El logotipo de World es el ancla visual de nuestra marca: es simple, claro y universal. Basándose en principios del diseño atemporal, encarna nuestro compromiso con la accesibilidad, la innovación y la conexión global.
Nuestro isotipo es la representación principal de la identidad de nuestra marca. Utiliza siempre el logo en su forma original y mantén un espacio libre a su alrededor para garantizar su visibilidad e impacto. Las modificaciones, distorsiones o uso de colores no autorizados pueden comprometer su integridad.
Nuestro logotipo textual es un componente clave de la identidad visual de nuestra marca y funciona en armonía con el símbolo del logo para comunicar nuestro nombre con claridad y estilo. No se permite alterar, estirar ni aplicar efectos no autorizados al logotipo textual.
El imagotipo combina el símbolo del logo y el logotipo textual para crear un diseño unificado que representa nuestra marca en su forma más completa. Esta composición debe usarse siempre tal como se proporciona, manteniendo las proporciones, el espaciado y la alineación correctos entre los elementos. Evita separar, reorganizar o cambiar el tamaño de los componentes de forma independiente. Consulta siempre las pautas de tamaño, espaciado y ubicación para preservar su integridad.
El espacio libre es el espacio mínimo que debe haber entre el logo y cualquier otro elemento en un diseño. El ancho de la “o” en World define el espacio libre que rodea el logo.
Usos permitidos de color y logotipo
Usos no permitidos de color y logotipo
Al comunicar colaboraciones o alianzas, el logo de World puede combinarse con el logo de otra marca en los siguientes formatos.
Colores
Los colores secundarios se utilizan con fines tanto expresivos como utilitarios dentro de la marca World. Entre los ejemplos se incluyen: la codificación de colores para distinguir distintos niveles de acceso en identificaciones de eventos, los colores degradados localizados para los materiales de lanzamiento, la semántica de color en las interfaces de usuario y los elementos visuales expresivos de apoyo.
Tipografía
World Pro ha sido diseñada a medida para crecer con la marca y ofrecer un sistema visual a todas las personas que usan, integran e interactúan con World. Es la única fuente utilizada en World.
Pesos
Existen dos pesos de World Pro: Regular y Medium. Regular es el más utilizado, mientras que Medium se usa como acento cuando se necesita dar énfasis.
Interlineado y espaciado de caracteres
Alineación
World Pro Regular ofrece la versatilidad necesaria para usarse tanto en títulos como en texto corrido. La jerarquía se crea normalmente a través de la escala.
World Pro Medium puede usarse para subtítulos más pequeños cuando se necesita más peso visual.
Utilizamos la fuente Noto junto a nuestras tipografías latinas principales para garantizar un soporte integral a todas las caligrafías no latinas. Noto fue seleccionada por su amplia cobertura de idiomas globales, ofreciendo una tipografía consistente y visualmente armoniosa para diversas escrituras, como el chino, el árabe, el cirílico y el japonés.
Este enfoque nos permite mantener la consistencia e inclusión de la marca para asegurar que nuestra comunicación llegue a usuarios de todo el mundo en sus sistemas de escritura nativos, sin comprometer la legibilidad ni la coherencia estética.
En situaciones excepcionales donde World Pro no esté disponible, por ejemplo, en Google Slides, se puede utilizar una tipografía alternativa de la biblioteca de Google Fonts. Para texto corrido, se emplea la fuente Inter; y para los titulares, se emplea la fuente Inter Tight. Únicamente estas fuentes de la biblioteca de Google Fonts están permitidas, y solo cuando no sea posible usar World Pro.
Composición
La cuadrícula es una de las herramientas más importantes dentro del sistema de diseño. Es indispensable para la elaboración de todos los diseños y composiciones, por lo que debe utilizarse en todo momento. La elección de una cuadrícula de 2, 4, 6 u 8 columnas dependerá del tamaño del lienzo y de la cantidad de elementos que contenga. Sin embargo, todos los elementos de una composición deben estar alineados a la cuadrícula base y espaciados de forma proporcional a los márgenes.
Materiales internos
En los materiales internos y recursos de marca, cuando el logotipo aparece junto a otros elementos, debe colocarse en la esquina superior izquierda para garantizar la coherencia visual.
Logo solo
En diseños donde el logo es el único elemento, como tarjetas de video, campañas o comunicados, el logo se coloca en el centro del diseño.
Perfiles de redes sociales
Ilustración
Cada uno de los productos principales de World tiene una ilustración asociada, derivada de la naturaleza del producto o su propuesta.
Aunque existen muchas formas de representar datos, se debe aplicar un estilo consistente. Los contornos, las formas geométricas para gráficos y diagramas, los usos sutiles e intencionales de rellenos y los colores son los elementos consistentes en los gráficos de visualización de datos.
Las cuadrículas de degradado permiten crear gráficos coloridos y expresivos, y se emplean de dos maneras:
- Como representaciones localizadas usando los colores de un mapa de un país como base para la transición de degradado.
- Como gráficos ambientales, no ligados a colores específicos, sino simplemente para expresar un estado de ánimo o una energía.
Iconografía
A continuación se muestra el conjunto completo de iconos disponible actualmente. Cualquier icono nuevo deberá crearse siguiendo las normas de diseño para garantizar la coherencia visual.
Los iconos de World son una prolongación de nuestra tipografía y reproducen su grosor de trazo y sus curvas.
Es fundamental que todos los iconos que aparecen junto a texto mantengan las mismas proporciones y alineación para que se integren de forma armónica con la tipografía. En el caso de los iconos rectangulares horizontales, están diseñados para que queden alineados con la parte superior e inferior de la altura de mayúsculas y centrados en vertical.
Tamaño de los iconos
Todos los iconos SVG se alojan dentro de un marco estándar. Para mantener una proporción adecuada con respecto a la tipografía, el tamaño del marco del icono puede calcularse multiplicando el tamaño de fuente por 1,07. Por ejemplo, si el tamaño de fuente es 180 px, el marco del icono debe tener un ancho de (180x1.07)=192.6 px.
Recursos
Recursos para imágenes principales, degradado, símbolo de moneda WLD, Orb, World App, World Chain, etc.
