Branding Kit Logotipos, visual e buttons

Em 19 de janeiro de 2015 o site Na Casa do Fantasma apresentou ao público uma nova marca e uma reforma visual completa, a primeira realizada em mais de 3 anos de existência do blog. O novo visual foi projetado com mais esmero e capricho que a "identidade visual" anterior, com a proposta de melhorar a comunicação visual do site e de seus canais multimídias e sociais, com um visual adaptável e agradável e pronto para os desafios do futuro.

Sem dúvida uma conquista enorme para um site emergente, e para facilitar o acesso e difundir esta nova marca e visual, criamos esta página para simplicar o entendimento e a busca por elementos visuais relacionados ao nosso site.

Logotipo padrão

O novo logotipo adotado em 2015 foi desenhado em estilo flat e com elementos simples para uma fácil compreensão e ao mesmo tempo, mantendo algum vínculo com a antiga marca.

A seguir, imagens em formato em PNG na tabela abaixo com o logo padrão, na cor azul e em tamanhos de 96p e 192p tanto na horizontal quanto na vertical:

Horizontal - oficial - [azul-padrão]

Horizontal [azul-padrão]
96px (padrão) Logotipo horizontal - 96px (padrão)
192px (retina) Logo horizontal retina azul 192px

Vertical (modelos) e Marca [azul-padrão]

Vertical
(modelo 1)
 Vertical
 (modelo 2)
Marca
96px (padrão) Logotipo vertical azul - 96px Vertical modelo 2 96px Marca blue 96px
192px (retina) Logo vertical azul retina 192px Vertical modelo 2 blue Marca blue 152px

Outras cores

O esquema de cor adotado oficialmente é na base da cor azul [#1e73be], porém sabemos que nem sempre é possível utilizar o logotipo azul, pensando nisso, criamos algumas variações do logotipo com cores diferentes para os mais diversos backgrounds

A seguir, os logos em formato PNG de diversas colorações:

Cor Horizontal (96px) Vertical modelo 1 (96px) Vertical modelo 2 (96px)
Azul (padrão)
[#1e73be]
Vermelho
[#be1e1e]
Amarelo
[#fcbe00]
Verde
[#22be1e]
Laranja
[#e47e24]
Branco
[#FFFFFF]
Preto
[#000000]

Cor Horizontal (192px)
Azul (padrão)
[#1e73be]
Vermelho
[#be1e1e]
Amarelo
[#fcbe00]
Verde
[#22be1e]
Laranja
[#e47e24]
Branco
[#FFFFFF]
Preto
[#000000]

Cor Vertical modelo 1 (192px) Vertical modelo 2 (192px)
Azul (padrão)
[#1e73be]
Vermelho
[#be1e1e]
Amarelo
[#fcbe00]
Verde
[#22be1e]
Laranja
[#e47e24]
Branco
[#FFFFFF]
Preto
[#000000]

Cor Marca (96px) Marca (152px)
Azul (padrão)
[#1e73be]
Vermelho
[#be1e1e]
Amarelo
[#fcbe00]
Verde
[#22be1e]
Laranja
[#e47e24]
Branco
[#FFFFFF]
Preto
[#000000]

TV Fantasma (vlog)

O TV Fantasma é o quadro mais assistido e mais visitado de todo o site, o seu logotipo foi redesenhado mantendo o estilo do logotipo do site, onde existe 3 formas distintas: um logotipo horizontal, outro vertical e apenas a marca. O logotipo foi feito em estilo flat, mantendo uma figura estilizada de um aparelho de televisão antigo com tubo de CRT e sua cor principal é laranja. O TV Fantasma é o único dos quadros onde decidimos manter as 3 formas distintas, mas elegemos a forma vertical como a principal.

O Logotipo da TV Fantasma em formato PNG de 192px está disponível abaixo apenas para visualização.

Não é permitido o uso destes logotipos abaixo sem autorização do webmaster do site!!!

Marca (ícone) 192px Logotipo (horizontal) 192px  Logotipo (vertical) 192px

Telefone sem fio (podcast)

A nova marca do Telefone Sem Fio, o podcast de nosso site e o primeiro quadro multimídia do mesmo, foi redesenhado em estilo vintage, levemente influênciado pela identidade visual do programa Pânico no Rádio, que nós somos fãs de longa data. O logotipo é tem dimensões de altura e largura exatamente iguais mas é essencialmente um selo vintage esférico com uma figura estilizada de um aparelho de telefone sem fio no estilo flat com um ribbon na parte de baixo com a inscrição "Telefone sem fio - podcast" e sua cor é predominantemente azul petróleo e verde oliva com parte em amarelo e o ribbon em vinho. Por questões de estilo e praticidade, só existe uma única forma de apresentação deste logotipo.

O Logotipo do Telefone em formato PNG de 300px está disponível abaixo apenas para visualização.

Não é permitido o uso deste logotipo abaixo sem autorização do webmaster do site!!!

Sem Sinal (game commentary/game play)

A marca anterior do Sem Sinal era a mais emblemática, pois foi o menos caprichado de todos os logotipos e a marca que mais suscitava dúvidas ao visitantes ocasionais ou de primeira viagem em nosso site. O Quadro do Sem Sinal, um Game Commentary/Game Play se fazia pouco entender em sua marca, a construção do novo logotipo levou estas questões em consideração. A proporção do logo é de 3:2 e consistem em um circulo azul estilizado com uma representação de um controle wireless de Xbox 360 emitindo sinais de rádio, ambos de coloração branca e esilo flat, porém entre o controle e o sinal wifi um X em vermelho indicando "sem sinal", em alusão ao nome do quadro, na parte de baixo do circulo um Ribbon com os inscritos "Sem Sinal". A marca foi inspirada em uma figura parecida em uma caixa de um controle de Xbox 360. Assim como o logotipo do Telefone sem fio, existe apenas uma única forma de apresentação da marca.

O Logotipo do Sem Sinal PNG de 225px está disponível abaixo apenas para visualização.

Não é permitido o uso deste logotipo abaixo sem autorização do webmaster do site!!!

Regras Básicas de uso:

Estabelecemos as seguntes regras de uso de branding kit:

  • Os logotipos do site na seção "Logotipos do NCDF" desta página só podem ser usados para compartilhamento e não deve ser alterados.
  • Os logotipos dos programas na seção "Logotipos do programas (youtube)" é apenas para visualização, não deve ser usados sem autorização explicita do site.
  • Não é permitido alterar, modificar ou redistribuir o conteúdo deste kit sem autorização do autor, está página tem todos os direitos reservados
  • O uso indevido do conteúdo desta página, poderá resultar em processo judicial.

Boas práticas visuais

Sim - Uso Correto!

Não - Uso incorreto!

Não - Uso incorreto!

Não - Uso incorreto!

Sim - Uso Correto!

Não - Uso incorreto!

Não - Uso incorreto!

Não - Uso incorreto!

Buttons

 Tamanho (px)  Button  Código (html)
88x31
 120x90
 125x125
 180x150
 200x200
 250x250

Banners

Tamanho (px) Banner + código html
234x60


306x120
468x60

120x240
54x197