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.
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.
Colorida
Padrão. Use sobre fundos brancos e claros.
Azul-marinho
Uso em uma cor: impressão sem gradiente, gravação, carimbos e documentos monocromáticos.
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.
Colorida
Padrão. Use sobre fundos brancos e claros.
Azul-marinho
Fundos claros.
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.
Colorido
Padrão, sobre fundos claros.
Azul-marinho
Uso em uma cor e tamanhos muito reduzidos.
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.
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.
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