Recursos y Guías de Marca de Massive

Descarga logos oficiales, revisa nuestra paleta de colores y sigue nuestras guías de uso para representar a Massive de manera consistente.

Logo

Nuestro logo está disponible en múltiples variantes para diferentes contextos. Usa la versión a todo color siempre que sea posible. Elige la variante clara u oscura para asegurar contraste en diferentes fondos.

Logo Completo (Color)
Logo Completo (Color)
Logo Completo (Blanco)
Logo Completo (Blanco)
Logo Completo (Claro)
Logo Completo (Claro)
Logo Completo (Oscuro)
Logo Completo (Oscuro)
Ícono (Color Completo)
Ícono (Color Completo)
Ícono (Claro)
Ícono (Claro)
Ícono (Oscuro)
Ícono (Oscuro)

Colores

Nuestra paleta de colores está diseñada para sentirse audaz pero accesible. Los tonos naranjas son nuestros identificadores primarios de marca, mientras que los colores de soporte proporcionan contraste y jerarquía.

Naranja Oscuro#d74939Acento principal, CTAs, énfasis
Naranja Claro#ff8163Acento secundario, degradados, resaltados
Oscuro#121117Texto principal, fondos oscuros
Claro#FFFFFFFondos, texto sobre oscuro
Gris Azulado Tenue#607691Texto secundario, íconos sutiles
Verde#34d399Acentos de modo máquina

Tipografía

Usamos dos tipografías: Outfit para display y texto de UI, y JetBrains Mono para código y contenido monoespaciado.

Display y UI

Outfit

Google Fonts →

The quick brown fox jumps

The quick brown fox jumps over the lazy dog. 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Código y Monoespaciado

JetBrains Mono

Google Fonts →

const data = await fetch()

{ status: 200, body: 'Hello, world!' }

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Guías de Uso

Sigue estas reglas para asegurar que la marca Massive se represente de forma precisa y consistente en todos los medios.

Hacer

  • Usar los archivos de logo oficiales de esta página
  • Mantener el espacio libre mínimo alrededor del logo
  • Usar el logo claro sobre fondos oscuros y viceversa
  • Mantener las proporciones del logo al redimensionar
  • Usar el ícono donde el espacio es limitado

No Hacer

  • Estirar, rotar o distorsionar el logo
  • Cambiar los colores del logo fuera de las variantes proporcionadas
  • Agregar efectos como sombras o contornos al logo
  • Colocar el logo sobre fondos recargados o de bajo contraste
  • Recrear el logo usando fuentes o íconos diferentes