Recursos da marca WISECP: logotipo, cores e fonte

Logotipo e ícone

Use a versão adequada ao fundo

Use a versão colorida em fundos claros e a versão branca em fundos escuros. O ícone é para espaços pequenos onde o logotipo não cabe: favicons, ícones de aplicativos e fotos de perfil.

wisecp-logo-color.svg

Uso

Dê espaço ao logotipo e mantenha as proporções

Use sempre o logotipo a partir do próprio arquivo, nas proporções originais e com espaço suficiente ao redor.

Área de proteção: Deixe um espaço livre de pelo menos metade da altura das letras (½ H) nos quatro lados do logotipo. Nenhum texto, imagem ou outro logotipo entra nesse espaço.
Tamanho mínimo: Na tela, o logotipo nunca fica com menos de 96 px de largura. Em espaços mais estreitos, use o ícone; ele continua legível até 16 px.
Proporções: Largura e altura são redimensionadas juntas. O logotipo nunca é comprimido nem esticado em nenhuma direção.

Nome

WISECP é escrito em maiúsculas e em uma só palavra

O nome mantém a mesma forma em qualquer posição da frase. Letras minúsculas só são usadas no endereço web.

Correto

WISECP

Sempre nesta forma, em textos, títulos e imagens.

wisecp.com: Apenas como endereço web
WISECP V5: Junto com o número da versão
WISECP LLC: A razão social da empresa, para textos jurídicos como contratos e faturas
os módulos do WISECP: O nome não recebe sufixo nem apóstrofo e continua igual depois de uma preposição

Incorreto

WiseCP
Wisecp
wisecp
Wise CP
WISE CP
WISE-CP
W.I.S.E.C.P

Não misture maiúsculas e minúsculas nem divida o nome com espaço, hífen ou pontos. A forma em minúsculas wisecp só aparece como parte do endereço wisecp.com.

Uso incorreto

Use o logotipo como ele é

Esticar, girar, mudar a cor ou aplicar efeitos: nenhuma dessas alterações é aplicada ao logotipo.

Não esticarNão estique nem comprima o logotipo em uma só direção.

Não girarO logotipo é usado apenas na horizontal.

Não mudar a corUse apenas as versões colorida e branca.

Não adicionar efeitosSem sombras, brilhos, contornos ou degradês.

Não colocar sobre um fundo ilegívelO logotipo colorido desaparece em fundos escuros; escolha a versão branca.

Não colocar o ícone antes do logotipoO W já faz parte do logotipo; ele não é adicionado uma segunda vez.

Cor

O azul-marinho sustenta a estrutura, o azul-petróleo o sinal

O azul-marinho é usado no logotipo, nos títulos e nos botões principais. O azul-petróleo é a cor secundária, para destaques, links e indicadores de status.

Azul-marinho Principal

#095174

RGB: 9, 81, 116
Texto branco: 8,6:1

Azul-petróleo Secundária

#009595

RGB: 0, 149, 149
Sobre branco: 3,7:1

O azul-petróleo não oferece contraste suficiente para o texto corrido sobre branco (3,7:1). Use o azul-marinho no texto e reserve o azul-petróleo para títulos grandes, ícones e linhas de destaque.

Cores complementares

TintaFaixas escuras, cabeçalho e rodapé#051B2A
PorcelanaFundo da página#F7F9FB
BrancoCartões e superfícies#FFFFFF
TítuloTexto dos títulos#11334D
TextoTexto corrido#46586B
Texto secundárioDescrições e textos de ajuda#64748B
Azul-petróleo claroDestaques e rótulos em fundo escuro#66BFBF
BordaDivisores e bordas#E6EDF3

Fonte

Plus Jakarta Sans

Os títulos e o texto corrido vêm da mesma família. A hierarquia é construída com tamanho, peso e espaçamento entre letras.

400 RegularUm pequeno jabuti xereta viu dez cegonhas felizes.
500 MediumUm pequeno jabuti xereta viu dez cegonhas felizes.
600 SemiBoldUm pequeno jabuti xereta viu dez cegonhas felizes.
700 BoldUm pequeno jabuti xereta viu dez cegonhas felizes.
800 ExtraBoldUm pequeno jabuti xereta viu dez cegonhas felizes.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ? ! @ #

CSS "Plus Jakarta Sans", Inter, system-ui, sans-serif

Abrir no Google Fonts Uso gratuito sob a SIL Open Font License 1.1.

As letras do logotipo são desenhadas sob medida. Não reescreva o logotipo com esta fonte; use o arquivo do logotipo.

Baixar

Todos os arquivos em um só pacote

O logotipo e o ícone coloridos e brancos, em SVG e PNG, além de um arquivo de texto que resume os códigos de cor e as regras de escrita.

Baixar o pacote completo ZIP

svg
wisecp-logo-color.svgvetorial
wisecp-logo-white.svgvetorial
wisecp-icon-color.svgvetorial
wisecp-icon-white.svgvetorial
png
wisecp-logo-color.png, @2x1200 × 174, 2400 × 349
wisecp-logo-white.png, @2x1200 × 174, 2400 × 349
wisecp-icon-color.png, @2x512 × 512, 1024 × 1024
wisecp-icon-white.png, @2x512 × 512, 1024 × 1024
README.txt

Use o logotipo apenas para fazer referência ao WISECP; não o adicione ao nome nem ao logotipo do seu próprio produto. Para outro formato ou um uso conjunto de marcas, use o formulário de contato.