Marca

Guía de Marca

Esta guía explica cómo se usa correctamente nuestra imagen de marca. Ante cualquier duda sobre el contenido o el uso adecuado, basta con escribirnos: con gusto ayudamos.

Nuestro logo

Es la piedra fundamental de la identidad de Sophilabs: moderna y cercana, pero sólida, clara y directa, con una presencia fuerte.

La marca completa (isotipo + logotipo) es la versión estándar, y es la correcta en la mayoría de los casos.

No se debe editar, distorsionar ni cambiar el color de ninguna de las marcas.

Descargas

El logo, el logotipo y el isotipo de Sophilabs.

Cuando el logo va sobre un fondo oscuro, hay que usar la versión en negativo. Se descargan el logo en negativo, el logotipo en negativo y el isotipo en negativo de Sophilabs.

  • El logo de Sophilabs
  • El logotipo de Sophilabs

    El logotipo funciona muy bien solo, y se puede usar en lugar de la marca completa.

  • El isotipo de Sophilabs

    Es la expresión mínima de la marca. Conviene usarlo cuando hay poco espacio, como en favicons o avatares.

Espacio de seguridad

Al usar el logo de Sophilabs junto a otros elementos gráficos o cerca del borde de una página, hay que dejar un espacio de seguridad de al menos 1x arriba y abajo del logo, y de 1,5x a los costados, donde x es el ancho del isotipo.

Espacio de seguridad

Cómo se escribe

La marca se escribe siempre con mayúscula inicial: Sophilabs. Hay que evitar cualquier otra forma escrita, como sophilabs, SophiLabs, sophi labs o cualquier combinación extraña.

Recursos para redes

Los dibuja el sitio con los mismos tokens y tipografías que las páginas, así que un color que cambia en la hoja de estilos cambia acá en el próximo deploy. Ninguno es un archivo guardado en algún lugar: cada enlace renderiza el actual.

Cada página tiene además su propia tarjeta para compartir, de 3600×1890, que es la que dibujan Slack y LinkedIn cuando se pega un enlace. No hay una lista de esas: basta con pegar la página.

Logo

Las marcas como archivos, para los campos que piden un logo y no una página. El isotipo es a lo que apuntan los datos estructurados que lleva cada página: ese campo se dibuja pequeño y cuadrado.

  • Isotipo512 × 512Logo de la organización en los datos estructurados
  • Logotipo1024 × 256Donde se necesita la marca horizontal

Página de empresa

LinkedIn recorta la portada por los costados cuando la ventana es angosta y apoya el avatar sobre su esquina inferior izquierda, así que no queda nada legible en ninguno de esos dos lugares. La primera es la portada; las demás son la presentación de diapositivas que va detrás.

  • Banner 14536 × 768Portada — lleva el logotipo
  • Banner 24536 × 768Presentación de diapositivas
  • Banner 34536 × 768Presentación de diapositivas
  • Banner 44536 × 768Presentación de diapositivas

Perfil

Otra forma y otra obstrucción: el avatar de una persona es un círculo, y bastante más grande, así que esto no es la portada de la empresa reescalada.

Destacados

Un dibujo sobre papel y ninguna palabra: al tamaño en que LinkedIn los dibuja, una palabra es una textura.

Portafolio

Las tarjetas de proyecto del perfil de Clutch. Una línea de texto y el aire alrededor: a este tamaño un dibujo es un borrón y un párrafo son dos líneas que nadie lee en una cuadrícula.

  • Amgen1500 × 1050Un asistente de voz para la fuerza de ventas
  • Oxford Economics1500 × 1050Una plataforma que entrega el análisis económico el día en que importa
  • CareerVillage1500 × 1050Orientación profesional que llega a los estudiantes en el teléfono que realmente tienen
  • Envio3601500 × 1050Optimización de drayage sobre los sistemas que las empresas ya usan
  • Auth01500 × 1050Siete años dentro de Auth0
  • Field note1500 × 1050Cómo reconstruimos nuestra propia contratación técnica con IA
  • OneGoal1500 × 1050Desarrollo y mantenimiento de IA para la API de OneGoal

Carrusel

Ocho páginas en 4:5, la proporción más alta a la que se muestra una publicación. Se sube como publicación de documento: LinkedIn rasteriza cada página, y por eso la última imprime la dirección en lugar de enlazarla.