Manual de
Identidade Visual

Como podemos trabalhar juntos e sempre estar em sincronia?
Encontre a resposta ao longo dessa página.

 

Identidade da marca
A maneira como a vemos​

Aqui na Opti somos uma unidade, com uma voz, uma missão e uma marca. Nosso ‘papel de marca’ é uma declaração simples e poderosa que orienta tudo o que fazemos. Incluindo como olhamos, pensamos e falamos com o mundo.

Por quê?

A beleza de trabalhar juntos é que todos têm suas próprias ideias e perspectivas. No entanto, se quisermos construir algo realmente incrível juntos, temos que fundamentar nossas ações sobre uma base sólida. O objetivo da identidade da marca é garantir que todos estejamos unidos como um só. Com uma mensagem, aparência e comportamento coerentes aos nossos valores.

Como?

Como parte do time, você usará este documento como uma base sólida para seu trabalho e como um guia de como se comunicar interna e externamente sobre a marca Opti.

Logotipo

A Opti foi criada para ajudar profissionais e entusiastas de marketing de conteúdo a criar um conteúdo amigável para pessoas e algoritmos. É uma estrutura de solução de marketing que permite monitoramento de performance e análise de SEO avançado para estratégias de marketing de conteúdo.

O ícone da marca representa a alta performance nos motores de busca, inspirado em seta com movimento para cima. Já o nome Opti vem do latim Optimus e significa “criar condições favoráveis para; tirar o melhor proveito possível de.”

O logotipo também fornece o simbolismo de crescimento e otimização, duas qualidades pelas quais nos esforçamos como empresa. 

Nosso logotipo é a identidade central de nossa marca. Para manter a coesão, nosso time deve seguir as seguintes diretrizes.

Logo principal

opti-principal

Opções de cor do logotipo

Para maior destaque e clareza, a versão em cores do logotipo deve ser usada em qualquer fundo branco. Nos casos em que o fundo apresenta cores claras, use a versão toda preta, e em fundos escuros a escolha ideal é o logotipo todo branco para não comprometer a legibilidade.

Ícone

Captura de Tela 2021-12-25 às 16.02.20
A redução do nosso logotipo é o nosso ícone, que pode ser usado separadamente e como um elemento autônomo em diferentes contextos. Ajuda no reconhecimento da marca em situações em que precisamos de mais liberdade com nossa marca.

Régua

A menor aplicação de nosso logotipo tanto na impressão quanto na web tem 20 pixels de altura / 0,7 centímetros de altura.

Cores

Verde é a nossa cor principal. Usado em todo o nosso sistema, o #34a853 pode ser visualizado em todo o nosso marketing e produtos. Ele também é usado para o ícone em nosso logotipo. Representa jovialidade, vivacidade e a busca de estar sempre à frente do que nosso ecossistema deseja.

Nosso cinza escuro é usado em nosso logotipo e nas cores de fundo e cópia.

O branco é a cor de fundo preferida, pois reflete clareza, minimalismo e um design limpo. Também pode ser usado como uma cor de texto em um fundo colorido. 

Cores primárias

Verde
#34a853
RGB
(52, 168, 83)
CMYK
(76, 2, 85, 0)

Cinza
#606060
RGB
(96, 96, 96)
CMYK
(57, 47, 46, 36)

Branco
#ffffff
RGB
(255, 255, 255)
CMYK
(0, 0, 0, 0)

Cores secundárias

Roxo
#6369d1
RGB
(99, 105, 209)
CMYK
(73, 62, 0, 0)

Ciano
#66d7d1
RGB
(102, 215, 209)
CMYK
(56, 0, 46, 0)

Amarelo
#ffd455
RGB
(255, 212, 85)
CMYK
(0, 17, 74, 0)

Nossas paletas secundária são utilizadas em nossas ilustrações, canais, e ajudam a diversificar nossa comunicação.

As cores secundárias são usadas para fornecer vitalidade ao design. Use essas cores energéticas para complementar as cores primárias e quebrar o espaço em branco.

Tipografia

Nossa marca usa a Gill Sans dando aos designers possibilidades infinitas, desde as linhas ultra chiques transmitidas pelos pesos mais leves até a afirmação sólida feita pelos pesos mais pesados. Seu tom é conservador, mas vanguardista.

Também usamos Inter como nossa fonte principal para cópias de parágrafos e textos mais longos. A fonte apresenta curvas abertas e amigáveis. Também permite que as letras sejam colocadas em sua largura natural. Isso torna o ritmo de leitura mais natural, mais comumente encontrado em tipos humanistas e serifados.

Gill Sans

Inter é a nossa fonte principal usada principalmente para o corpo do texto. É uma família de fontes versátil, cuidadosamente elaborada e projetada com foco na alta legibilidade de texto de tamanho pequeno a médio em telas de computador.

O Inter apresenta uma altura x alta para auxiliar na legibilidade de textos mistos e minúsculos. Vários recursos OpenType são fornecidos também, como alternativas contextuais que ajustam a pontuação dependendo da forma dos glifos circundantes, zero cortado para quando você precisar desambiguar “0” de “o”, números tabulares, etc.

Mulish

Mulish é a nossa fonte de cabeçalhos usada em contraste com a Inter para adicionar complexidade e personalidade a um design. O tipo de letra é um cruzamento de diferentes tipos: é semicondensado, semicircular, semigométrico, semidin, semigrotesco. Ele emprega variações mínimas de espessura de curso e uma abertura semifechada.

Os dígitos na fonte Mulish são perfeitos para design de interface e dados numéricos, como números de telefone, números de cartão, mostradores de relógio, etc.