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 logotipo funciona muy bien solo, y se puede usar en lugar de la marca completa.
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.
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
The marks as files, for fields that ask for a logo rather than a page. The glyph is what the structured data every page carries points at: that field is drawn small and square.
Company page
LinkedIn crops the cover from the sides on a narrow window and lays the avatar over its lower left, so nothing readable sits in either place. The first is the cover; the rest are the slideshow behind it.
Profile
A different shape and a different obstruction: a member’s avatar is a circle, and a much bigger one, so this is not the company cover rescaled.
- Profile cover4752 × 1188Personal profile
Highlights
One drawing on paper and no words: at the size LinkedIn draws these, a word is a texture.
- Trajectory384 × 384Featured highlight cover
- Passed384 × 384Featured highlight cover
- Written384 × 384Featured highlight cover
Portfolio
The project cards on the Clutch profile. One line of type and the room around it: at this size a drawing is a smudge and a paragraph is two lines nobody reads in a grid.
- Amgen1500 × 1050A voice assistant for a field sales team
- Oxford Economics1500 × 1050A platform that delivers economic analysis the day it matters
- CareerVillage1500 × 1050Career advice that reaches students on the phone they actually have
- Envio3601500 × 1050Optimisation for drayage, on top of the systems companies already run
- Auth01500 × 1050Seven years inside Auth0
- Field note1500 × 1050How we rebuilt our own technical hiring with AI
- OneGoal1500 × 1050AI development and maintenance for the OneGoal API
Carousel
Eight pages at 4:5, which is the tallest a post is shown at. Upload it as a document post — LinkedIn rasterises every page, which is why the last one prints the address instead of linking it.
- AI Discovery Sprint3240 × 4050Document post · 8 pages