Pular para o conteúdo

Marca · Identidade visual

Manual da Marca

Este manual descreve como a identidade visual do LBS é construída e como aplicá-la: o logotipo e suas variações aprovadas, área de proteção e tamanhos mínimos, a paleta de cores, a tipografia e o tom de voz do laboratório.

A identidade pertence ao laboratório inteiro — artigos, pôsteres, apresentações, ferramentas e sites devem parecer vir do mesmo lugar. Na dúvida, escolha a opção correta mais simples e mantenha o logotipo livre de qualquer outro elemento.

Voltar aos documentos

Nome e assinatura

O laboratório é «LBS» na forma curta e «Laboratório de Bioinformática e Sistemas» por extenso. O nome completo é institucional e permanece em português em contextos formais, mesmo em materiais em outros idiomas; as traduções servem apenas para facilitar a leitura.

LBS
Sempre em caixa alta, nunca «L.B.S.» ou «Lbs». Pode ser usado sozinho depois que o nome completo aparecer uma vez.
Laboratório de Bioinformática e Sistemas
Nome oficial completo. Mantenha em português em papéis timbrados, convênios e sempre que o laboratório for nomeado institucionalmente.
Laboratory of Bioinformatics and Systems
Tradução de leitura, usada em textos em inglês. Equivalentes: Laboratorio de Bioinformática y Sistemas (ES) e Laboratoire de Bioinformatique et Systèmes (FR).
DCC · UFMG
Vincule sempre o laboratório ao Departamento de Ciência da Computação da Universidade Federal de Minas Gerais. Use ponto médio, não barra nem hífen.

A assinatura dentro do logotipo é arte vetorizada, não texto editável. Ela está sempre em português e nunca é redigitada nem traduzida.

O logotipo

A identidade tem duas partes: o símbolo digital — a seta que sai de um globo pontilhado — e a assinatura tipográfica. Elas se combinam em três formatos e três versões de cor. Cada versão vem em SVG, que escala sem perda, e em PNG com fundo transparente.

Assinatura horizontal

Símbolo à esquerda da assinatura. Padrão para cabeçalhos, rodapés, papel timbrado e modelos de apresentação — sempre que o espaço for mais largo do que alto. É a versão usada neste site.

Manual da Marca — Assinatura horizontal, Colorida

Colorida

Padrão. Use sobre fundos brancos e claros.

Manual da Marca — Assinatura horizontal, Azul-marinho

Azul-marinho

Uso em uma cor: impressão sem gradiente, gravação, carimbos e documentos monocromáticos.

Manual da Marca — Assinatura horizontal, Branca

Branca

Sobre fundos azul-marinho, escuros ou fotográficos. É a versão usada no tema escuro do site.

Assinatura vertical

Símbolo acima da assinatura. Use onde o espaço for estreito ou quadrado — pôsteres, banners, crachás, capas de redes sociais e cantos de pôster científico.

Manual da Marca — Assinatura vertical, Colorida

Colorida

Padrão. Use sobre fundos brancos e claros.

Manual da Marca — Assinatura vertical, Azul-marinho

Azul-marinho

Fundos claros.

Manual da Marca — Assinatura vertical, Branca

Branca

Fundos escuros e fotográficos.

Símbolo isolado

O símbolo sem a assinatura. Use apenas quando o LBS já estiver nomeado por perto, ou quando o espaço for pequeno demais para a assinatura completa — favicons, avatares, ícones de aplicativo, marcas d'água e marcadores de seção.

Manual da Marca — Símbolo isolado, Colorido

Colorido

Padrão, sobre fundos claros.

Manual da Marca — Símbolo isolado, Azul-marinho

Azul-marinho

Uso em uma cor e tamanhos muito reduzidos.

Manual da Marca — Símbolo isolado, Branco

Branco

Fundos escuros e fotográficos.

Área de proteção e tamanho mínimo

Mantenha livre, nos quatro lados do logotipo, uma margem igual à metade da altura do símbolo. Nada entra nessa margem — texto, fios, imagens ou a borda da página. Na dúvida, dê mais espaço, não menos.

LBS½x½x½x½x

Assinatura horizontal

144 px / 40 mm

Largura mínima. É o tamanho usado pelo cabeçalho do site em telas pequenas.

Assinatura vertical

96 px / 25 mm

Largura mínima.

Símbolo

32 px / 10 mm

Largura mínima. Abaixo disso, use a versão azul-marinho — o gradiente deixa de ser legível.

O que não fazer

As assinaturas são arte finalizada. Redimensione proporcionalmente e não altere mais nada.

  • Não estique, achate nem gire o logotipo. Redimensione de forma proporcional.
  • Não recolora fora das três versões aprovadas.
  • Não use a versão colorida ou azul-marinho sobre fundo escuro ou movimentado — é para isso que existe a versão branca.
  • Não redigite a assinatura. Ela é arte vetorizada, não texto, e nunca é traduzida.
  • Não monte sua própria composição afastando o símbolo da assinatura.
  • Não aplique sombras, contornos, relevos ou brilhos.
  • Não aperte o logotipo. Respeite a área de proteção.
  • Não coloque o logotipo dentro de uma caixa branca sobre fundo colorido quando a versão branca puder ser aplicada diretamente.

Cor

A paleta é azul-profundo e ciano para ciência, computação e confiança, e verde para as ciências da vida. O laranja é um acento raro — usado para destacar uma única coisa na página, nunca como segunda cor de marca. Roxo, vermelho, preto ou cinza dominantes e tons neon estão fora da paleta.

Cores do logotipo

Extraídas da própria arte. Use estes valores ao reproduzir o logotipo ou ao igualá-lo em impressão.

Azul LBS

#093373

Azul-marinho chapado — símbolo e assinatura na versão de uma cor

Gradiente azul

#123F86 → #082F68

Corpo do símbolo na versão colorida

Turquesa LBS

#05ADB6 → #00889C

Destaque do símbolo na versão colorida

Branco

#FFFFFF

Logotipo em negativo sobre fundos escuros e fotográficos

Paleta de interface

Os tokens sobre os quais o site e as ferramentas do laboratório são construídos. Cada um tem um valor para o tema claro e outro para o escuro; no código, use o token, não o hexadecimal.

InkClaro #08213F · Escuro #E8F4FFTexto principal e superfícies escuras chapadas
MarineClaro #0F6FB8 · Escuro #76C4FFLinks, rótulos de seção e ações primárias
CyanClaro #139BD7 · Escuro #57CDFFDestaques, ícones e acentos de dados
LeafClaro #35A972 · Escuro #62DC9DAcento das ciências da vida e estados positivos
AmberClaro #F4A01B · Escuro #F8B84CAcento raro. No máximo um por tela
MutedClaro #5F728B · Escuro #9AB3CDTexto secundário e legendas
LineClaro #DCE8F4 · Escuro #253E58Bordas, fios e contornos de cartões
CloudClaro #F7FBFF · Escuro #09192BFundos de página e de cartões

Tipografia

Duas famílias: uma serifada para títulos e uma sem serifa para todo o resto. Ambas são pilhas de fontes, e não uma fonte única, para que o material se mantenha consistente em máquinas que não tenham a primeira opção instalada.

Display

Bioinformática

Iowan Old Style → Newsreader → Fraunces → Georgia

Títulos de página e manchetes. Use em corpo grande, entrelinha fechada e com parcimônia.

Texto e interface

Laboratório de Bioinformática e Sistemas

Inter → Manrope → Geist → system UI

Corpo de texto, navegação, rótulos, botões e tabelas — tudo o que não é manchete.

Rótulos de seção

ÁREAS DE PESQUISA

Sem serifa, peso 900, caixa alta, espaçamento 0,2em

O pequeno rótulo azul-marinho acima de uma seção. Mantenha curto — duas ou três palavras.

Voz e tom

Definidos na pesquisa interna de marca do laboratório. Soamos como pesquisadores que entregam coisas.

Inovador

Comece pelo que é novo e por que importa, não pelo método.

Interdisciplinar

Escreva de modo que um biólogo e um cientista da computação entendam. Explique cada termo na primeira vez.

Empreendedor

Concreto e prospectivo. Nomeie a ferramenta, o conjunto de dados, o resultado.

Moderno

Frases curtas, voz ativa, sem preâmbulos institucionais.

Confiável

Nunca exagere um resultado. Cite, referencie ou deixe de fora.

Evite

  • Roxo em qualquer contexto de marca
  • Vermelho como acento — lê-se como estado de erro
  • Preto ou cinza como cor dominante
  • Neon e gradientes muito saturados fora do logotipo

Arquivos

As nove versões do logotipo ficam em public/logos/ neste repositório, cada uma em SVG e em PNG com fundo transparente — dezoito arquivos ao todo. Use o SVG sempre que puder: ele escala sem perda. O PNG serve para editores que não abrem vetor, como Word, PowerPoint e redes sociais. Baixe o conjunto completo em ZIP ou pegue um arquivo individual nos cartões acima.

ZIP · 9 SVG + 9 PNG · ~1,5 MB

Baixar todos os logotipos (ZIP)