Iniciar AI Discovery

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

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.

  • Glyph512 × 512Organization logo in structured data
  • Wordmark1024 × 256Where the horizontal mark is wanted

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.

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.