Logotipo

Ícone e wordmark

Ícone, wordmark e os dois lockups, cada um em SVG (vetor) e PNG (imagem pronta). Todos os arquivos abaixo estão disponíveis para download nesta página.

Ícone

SVG PNG

Wordmark

SVG PNG

Lockup vertical

SVG PNG

Lockup horizontal

SVG PNG

Tile (avatar, favicon)

SVG PNG

Qual versão usar

Sobre o fundo real do site/app: versão transparente, mostrada acima.
Tile quadrado (avatar, favicon, thumbnail): ícone com fundo embutido, mostrado acima.
Peça impressa ou e-mail: exportação em PNG, sem precisar de editor de vetor.
Só o wordmark, sem o ícone (rodapé, assinatura): o card "Wordmark" acima.

Baixar arquivos

Todo o material de logotipo, organizado por uso. SVG é o vetor, pra editar e escalar sem perder nitidez. PNG é a imagem pronta, com 2400 px no lado maior e fundo transparente; as versões com fundo embutido saem com o fundo, e o tile da malha sai em 560 px, pra repetir no tamanho certo.

Fundo transparente

Ícone

Sobre o fundo escuro real do site/app

SVG PNG

Wordmark

Só “NEXUM”, sem o ícone

SVG PNG

Lockup vertical

Ícone em cima, wordmark embaixo

SVG PNG

Lockup horizontal

Ícone e wordmark lado a lado

SVG PNG

Com fundo embutido

Ícone em tile

Avatar de rede social, ícone de app, thumbnail

SVG PNG

Lockup vertical em tile

Peça fechada, sem depender do fundo da página

SVG PNG

Lockup horizontal em tile

Peça fechada, sem depender do fundo da página

SVG PNG

PNG em tamanho fixo

Ícone 512px

App icon, uso geral em alta resolução

PNG

Ícone 192px

PWA, avatar de rede social

PNG

Ícone 32px

Favicon

PNG

Lockup horizontal 1200px

Peça impressa ou e-mail, sem editor de vetor

PNG

Lockup vertical 1200px

Peça impressa ou e-mail, sem editor de vetor

PNG

Textura de malha

Malha low poly (tile)

Fundo de página em background-repeat, versão em uso hoje

SVG PNG

Malha completa

Peça única, com o brilho direcional, não repetida

SVG PNG

Gradiente metálico

Toda superfície dourada do ícone e do wordmark usa o mesmo par de cores, sempre um gradiente linear de 2 pontos. O que muda entre as facetas é só a direção (cada uma usa o eixo do seu próprio plano, simulando luz num metal facetado) e o sentido (claro pra escuro ou escuro pra claro, alternado, pra dar o efeito de bisel). São cores diferentes dos tokens de UI (dourado, ouro-claro): esse par é só do gradiente metálico da peça gráfica, não usar em botão, borda ou texto de interface.

Início (claro)

#DBC7AC

Fim (escuro)

#633A0C

Fundo sólido do tile

#151515

Losango da textura

#0D0D0D

Textura de malha

Padrão de losango repetido, usado como fundo de página. Existem duas versões: a original (losango arredondado, preenchimento único) e a atual, em low poly (diamante de canto reto, 4 facetas com opacidade diferente cada, luz vindo de cima-esquerda), ver a seção Arquétipo pra entender por que a marca migrou pra essa linguagem.

Abaixo de ~40px de altura os bicos finos do ícone se perdem: para favicon, use a versão com fundo (tile), nunca a transparente. Nunca redesenhe o wordmark digitando "NEXUM" numa fonte: as letras foram desenhadas como logotipo, não são uma fonte padrão, sempre reutilize o vetor.