Marca

Guia da Marca

Este guia explica como usar corretamente a nossa imagem de marca. Em caso de dúvida sobre o conteúdo ou o uso adequado, entre em contato: vamos ficar felizes em ajudar.

Nosso logo

É a pedra fundamental da identidade da Sophilabs: moderna e próxima, mas sólida, clara e direta, com uma presença forte.

A marca completa (símbolo + logotipo) é a versão padrão, e é a correta na maioria dos casos.

Não edite, distorça nem mude a cor de nenhuma das marcas.

Downloads

O logo, o logotipo e o símbolo da Sophilabs.

Quando o logo for colocado sobre um fundo escuro, é preciso usar a versão em negativo. Baixe o logo em negativo, o logotipo em negativo e o símbolo em negativo da Sophilabs.

  • O logo da Sophilabs
  • O logotipo da Sophilabs

    O logotipo funciona muito bem sozinho, e pode ser usado em vez da marca completa.

  • O símbolo da Sophilabs

    É a expressão mínima da marca. Use quando há pouco espaço, como em favicons ou avatares.

Espaço de segurança

Ao usar o logo da Sophilabs junto a outros elementos gráficos ou perto da borda de uma página, mantenha um espaço de segurança de pelo menos 1x acima e abaixo do logo, e de 1,5x nas laterais, onde x é a largura do símbolo.

Espaço de segurança

Como se escreve

A marca se escreve sempre com inicial maiúscula: Sophilabs. Evite qualquer outra forma escrita, como sophilabs, SophiLabs, sophi labs ou qualquer combinação estranha.

Recursos para redes

Eles são desenhados pelo site com os mesmos tokens e tipografias das páginas, então uma cor que muda na folha de estilos muda aqui no próximo deploy. Nenhum deles é um arquivo guardado em algum lugar: cada link renderiza o atual.

Cada página também tem o seu próprio cartão de compartilhamento, de 3600×1890, que é o que Slack e LinkedIn desenham quando um link é colado. Não há uma lista desses: basta colar a página.

Logo

As marcas como arquivos, para os campos que pedem um logo e não uma página. O símbolo é para onde apontam os dados estruturados que cada página carrega: esse campo é desenhado pequeno e quadrado.

  • Símbolo512 × 512Logo da organização nos dados estruturados
  • Logotipo1024 × 256Onde se precisa da marca horizontal

Página da empresa

O LinkedIn corta a capa pelas laterais quando a janela é estreita e apoia o avatar sobre o canto inferior esquerdo, então não sobra nada legível em nenhum desses dois lugares. A primeira é a capa; as demais são a apresentação de slides que fica atrás.

  • Banner 14536 × 768Capa — leva o logotipo
  • Banner 24536 × 768Apresentação de slides
  • Banner 34536 × 768Apresentação de slides
  • Banner 44536 × 768Apresentação de slides

Perfil

Outra forma e outra obstrução: o avatar de uma pessoa é um círculo, e bem maior, então isto não é a capa da empresa reescalada.

Destaques

Um desenho sobre papel e nenhuma palavra: no tamanho em que o LinkedIn os desenha, uma palavra é uma textura.

Portfólio

Os cartões de projeto do perfil da Clutch. Uma linha de texto e o espaço em volta: neste tamanho um desenho é uma mancha e um parágrafo são duas linhas que ninguém lê em uma grade.

  • Amgen1500 × 1050Um assistente de voz para a força de vendas
  • Oxford Economics1500 × 1050Uma plataforma que entrega a análise econômica no dia em que importa
  • CareerVillage1500 × 1050Orientação de carreira que chega aos estudantes no celular que eles realmente têm
  • Envio3601500 × 1050Otimização de drayage sobre os sistemas que as empresas já usam
  • Auth01500 × 1050Sete anos dentro do Auth0
  • Field note1500 × 1050Como reconstruímos nossa própria contratação técnica com IA
  • OneGoal1500 × 1050Desenvolvimento e manutenção de IA para a API da OneGoal

Carrossel

Oito páginas em 4:5, a proporção mais alta em que uma publicação é exibida. Suba como publicação de documento: o LinkedIn rasteriza cada página, e é por isso que a última imprime o endereço em vez de criar um link.