Assinatura
Variável
Criado à partir da fonte Vinila,
o logotipo, desenvolvido pela Plau Design, é varíavel, gerando diversas formas de aplicação, além da possibilidade de animação.
Das muitas possibilidades, duas foram escolhidas para uso prioritário:
a Institucional e a Marota.
Assinatura
Institucional
O logotipo Institucional é o mais sóbrio e legível das versões e pode ser usado em momentos que exista muita intervenção gráfica (principalmente com outros elementos da marca) e imagética, principalmente em ambientes mais caóticos onde a visualização da marca deve ser mais direta e precisa.
Assinatura
Marota
O logotipo Maroto é o que tem menor legibilidade, mas é o mais impactante, atuando como um símbolo que pode ser desmembrado nos elementos
e padrões da identidade visual.
Ele foi construído a partir do desenho da Vinila, trazendo uma identidade única para cada letra — o que traduz a nossa diversidade, nossa brasilidade e nosso modo de criar Colletivo.
Seu uso deve ser feito sempre
em um suporte que fique clara
a interpretação e leitura dessa versão.
É importante que seja aplicada em fundos chapados de cor ou com mínima intervenção gráfica e imagética. Essa versão é a nossa queridinha e ela deve estar sempre em destaque.
Assinatura
Institucional
A assinatura funciona como um
complemento ao nome e pode
esclarecer sobre os serviços, a
origem ou a tradição da marca, o
diferencial.
Assinatura
Marota
A assinatura, funciona como um
complemento ao nome e pode
esclarecer sobre os serviços, a
origem ou a tradição da marca, o
diferencial.
Monograma
& Área de proteção
O monograma foi desenvolvido
para representar a marca em
casos de redução, ou seja, em
ambientes que não há espaço
suficiente para as marcas
completas ou para quando for
necessário apenas uma presença
sutil da marca.
Resumo
& Área de proteção
É importante levar em consideração as áreas de proteção para que não haja nenhum tipo de ruído que interfira na legibilidade dos logotipos.
Assinaturas sobre
fundos de cor
É importante nos atentar as aplicações em fundos de cores, ou seja, aqui direcionamos as cores preferenciais para cada tipo fundo de cor.
Vale se atentar sempre ao constraste perfeito e legibilidade das composições nessa hora.
Regras de aplicação
dos logotipos maroto
e institucional
O uso preferencial de cada versão do logotipo deve ser observado para garantir maior legibilidade e reconhecimento em diversas aplicações.
O logotipo em versão institucional é mais indicado para aplicações sobre fundos com muita informação, ou para usos mais sóbrios.
Já a versão marota foi criada para ter mais destaque e atuar como um símbolo, portanto deve ser aplicada sobre fundos com menos informação.
1. LOGOTIPO INSTITUCIONAL
A versão institucional da marca é de uso preferencial em circunstâncias onde haja muita interferência visual (incluindo a presença de outros elementos da própria marca).
Regras de aplicação
dos logotipos maroto
e institucional
O uso preferencial de cada versão do logotipo deve ser observado para garantir maior legibilidade e reconhecimento em diversas aplicações.
O logotipo em versão institucional é mais indicado para aplicações sobre fundos com muita informação, ou para usos mais sóbrios.
Já a versão marota foi criada para ter mais destaque e atuar como um símbolo, portanto deve ser aplicada sobre fundos com menos informação.
2. LOGOTIPO MAROTO
A versão marota da marca tem menor legibilidade, mas atua como um símbolo, e pode ser desmembrada nos elementos da identidade visual. É importante que seja aplicada em fundos chapados de cor ou com mínima intervenção gráfica e imagética.
Aplicação da marca
sobre imagens
Eventualmente, em uma apresentação de negócios ou de portfólio, pode ser necessário a aplicação da marca sobre imagens, principalmente de projetos e momentos do estúdio.
Quando necessária a aplicação da marca sobre imagem, devemos usar a marca institucional ou o monograma, de maneira harmônica. A marca marota só pode ser utilizada sobre imagens com teor neutro e sobre imagens de pessoas.
Não devemos usar a versão de marca marota sobre imagens de projetos de clientes.
Redução Máxima
Quando necessário, o logotipo institucional pode ser reduzido até 23px de altura.
O logotipo maroto, por ter uma leitura um pouco mais complexa, pode ser reduzido até 32px de altura.
Já o nosso monograma é o que possui um desenho mais simplificado e é a nossa assinatura para aplicações como favicon e outras que necessitam de uma redução considerável. Dessa forma, ele pode ser reduzido até 12px de altura.
Usos incorretos
Ao lado estão listadas as principais formas em que a marca NÃO deve ser aplicada, a fim de garantir sua legibilidade e consistência em todos os formatos em que for veiculada.
Paleta de Cores
Institucional
Essas são as cores institucionais do Colletivo. O uso delas é indispensável para qualquer material ou mídia do Colletivo, interno ou externo.
A proporção de uso deve ser observada ao aplicar as cores, lembrando sempre que o rosa deve ser aplicado de forma pontual.
R 0 G 0 B 0
C 75 M 68 Y 67 K 90
#000000
R 255 G 255 B 255
C 0 M 0 Y 0 K 0
#FFFFFF
R 244 G 244 B 244
C 3 M 2 Y 2 K 0
O cinza pode ser utilizado para diferenciar do fundo branco em momentos de neutralidade e diversidade.
R 255 G 115 B 225
C 0 M 60 Y 0 K 0
#FF73E1
PANTONE 906 C
O uso do rosa deve ser pontual, só para detalhes ou destaques que não ocupem toda a composição.
Usos incorretos
de cor
Essas são as cores institucionais do Colletivo. O uso delas é indispensável para qualquer material ou mídia do Colletivo, interno ou externo.
Busão Institucional
Foram criadas ilustrações que exploram as variações do ônibus tradicional do Colletivo, agora com uma identidade mais potente e selvagem. As três novas versões do nosso clássico ônibus resumem essa nova passagem da marca.
O ônibus institucional é o nosso clássico, é o que resume o nosso nome e a nossa história. Essa versão é dada como institucional por carregar uma história dentro dela.
Em materiais externos, como documentos oficiais, propostas e etc, só podemos utilizar essa versão. Seu uso não é restrito somente a esses materiais, podendo ser aplicada em outros formatos. Ela pode estar acompanhada de qualquer versão da marca.
1. ÔNIBUS INSTITUCIONAL
Bichos
Foram criadas ilustrações que exploram as variações do ônibus tradicional do Colletivo, agora com uma identidade mais potente e selvagem. As sete novas versões resumem essa nova passagem da marca.
2 – 8 São as variáveis do nosso clássico ônibus. O uso delas é livre internamente e não têm uma hierarquia entre elas – a regra de uso é onde cada uma se encaixar melhor, principalmente em sobreposição, intervindo em textos e chamadas. Elas também podem e devem ser usadas independentes, em materiais externos, desde que acompanhadas da versão institucional da marca.
É proibido o uso dos busões fauna em composições que se utilizam a marca marota.
2. ÔNIBUS SAPO
3. ÔNIBUS ONÇA
4. ÔNIBUS COBRA
5. ÔNIBUS CAPIVARA
6. ÔNIBUS TAINHA
7. ÔNIBUS JACARÉ
8. ÔNIBUS ARANHA
Elementos Marotos
Gerados a partir de módulos extraídos da versão Marota do logotipo, os elementos podem ser usados como recurso visual, reforçando a presença da marca em materiais corporativos e de divulgação, sobrepondo textos e servindo de apoio gráfico para peças digitais e físicas.
Tipografia PrincipalVinila
Fontes grotescas atendem a um grande número de problemas de design, transitando entre tamanhos pequenos e grandes sem perder o tom.
Sua particularidade vem do fato de ter inktraps acentuados, que vão de elegante e maleáveis nos estilos mais leves a dominantes e impactantes nos mais pesados.
Vamos priorizar o uso da Vinila, tanto em títulos quanto texto corrido, onde ela estiver disponível para uso.
Títulos: Compressed Regular, Bold e Extrabold & Condensed Light e Bold
Texto Corrido: Condensed Light ou Light ou Regular
Tipografia de Apoio - CorpoRoboto
SISTEMA GOOGLE
Roboto é uma fonte de natureza ambígua. Contém uma estrutura mecânica, com formas majoritariamente geométricas. Ao mesmo tempo, a fonte conta com curvas abertas e amigáveis. Enquanto algumas grotescas distorcem as formas das letras para forçar um ritmo rígido, a Roboto não sacrifica a largura natural das letras. Isso permite um ritmo de leitura mais natural, comumente encontrado nas fontes humanistas e serifadas.
A Roboto deve ser priorizada, em textos e títulos pequenos, quando os materiais forem feitos nas plataformas do Google.
Utilizamos ela nos pesos Light e Bold.
Tipografia de Apoio - TítulosOswald
SISTEMA GOOGLE
Oswald é uma reformulação do estilo clássico historicamente representado pelos tipos de letra sem serifa 'Gótico Alternativo'. Os personagens de Oswald foram inicialmente redesenhados e reformados para se ajustarem melhor à grade de pixels das telas digitais padrão. Oswald foi projetado para ser usado livremente na Internet por navegadores da Web em computadores desktop, laptops e dispositivos móveis.
Em materiais feitos nas plataformas Google, a Oswald deve ser priorizadas: títulos, frases e, eventualmente, textos de grande destaque.
Utilizamos ela nos pesos Light, Medium e Bold.
Hierarquia
O uso da tipografia Vinila na identidade do Colletivo é de certa forma bem variável pois trata-se de uma identidade flexível e nada monótona.
Dessa forma, as composições com a Vinila podem ser exploradas com diversos pesos e maneiras dentro da nossa identidade, a fim de trazer movimento para os nossos conteúdos.
A seguir mostramos visualmente como essa diferenciação de peso pode ocorrer. Vale ressaltar que é importante utilizar os pesos tipográficos sugeridos anteriormente para ter um resultado eficaz.
Para criações nas redes sociais, vale entender o tipo de conteúdo e qual composição tipográfica casará melhor com o layout. Não se prenda a muitas restrições quando o assunto pode ter mais impacto e dinamismo.
Hierarquia
SISTEMA GOOGLEO uso da tipografia Vinila na identidade do Colletivo é de certa forma bem variável pois trata-se de uma identidade flexível e nada monótona.
Dessa forma as composições com a Vinila podem ser exploradas com diversos pesos e maneiras dentro da nossa identidade, a fim de trazer movimento para os nossos conteúdos.
A seguir mostramos visualmente como essa diferenciação de peso pode ocorrer. Vale ressaltar que é importante utilizar os pesos tipográficos sugeridos anteriormente para ter um resultado eficaz.
Direcional de Imagem
Nesta seção, apresentamos a galera que faz a coisa acontecer dentro do estúdio através de uma estética que celebra a autenticidade de cada um.
Para unificar as diferentes qualidades de imagem e contextos, adotamos o Preto e Branco como linguagem padrão, criando uma galeria coesa, atemporal e menos formal que prioriza a essência de cada um dentro do estúdio.
O foco deve ser a espontaneidade, preferindo composições centralizadas com contraste equilibrado e tratamentos simples. Uma leve granulação é bem-vinda para conferir textura e suavizar variações de captura, garantindo que, independentemente da origem da foto, todos os que fazem acontecer falem a mesma língua visual no Colletivo.
1
Quem somos
O BAILE TODO
Direcional de Imagem
Nessa sessão sugerimos alguns estilos de imagens que podem ser exploradas no conteúdos gerados pelo estúdio.
Aqui mostramos possibilidades de tratamento de cor e granulação, poses, possibilidades de cenas e recortes fotográficos.
Seguindo as linhas editoriais de conteúdo, separamos em 6 possibilidades de estilo de imagem.
Fotos em momentos espontâneos e divertidos para festas e comemorações internas
2
Quem somos
TODO DIA
Direcional de Imagem
Nessa sessão sugerimos alguns estilos de imagens que podem ser exploradas no conteúdos gerados pelo estúdio.
Conforme a noite desce, a luz do led rosa vai tomando forma nas imagens do estúdio. Independente da luz do flash, ele vai estar lá.
Fotos em momentos espontâneos e divertidos para festas e comemorações internas
2
Quem somos
TODA NOITE
Direcional de Imagem
Nessa sessão sugerimos alguns estilos de imagens que podem ser exploradas no conteúdos gerados pelo estúdio.
Aqui mostramos possibilidades de tratamento de cor e granulação, poses, possibilidades de cenas e recortes fotográficos.
Fotos que priorizem mostrar as pessoas e o entorno, exercendo a atividade com foco no evento, interações e expressões.
2
Processos
EVENTOS EXTERNOS
Direcional de Imagem
Nessa sessão sugerimos alguns estilos de imagens que podem ser exploradas no conteúdos gerados pelo estúdio.
Aqui mostramos possibilidades de tratamento de cor e granulação, poses, possibilidades de cenas e recortes fotográficos.
Fotos devem sempre dar foco a pessoa que está apresentando e ao conteúdo apresentado, mas também trazer um contexto, fundo, uma presença
2
Processos
EVENTOS INTERNOS
Direcional de Imagem
Nessa sessão sugerimos alguns estilos de imagens que podem ser exploradas no conteúdos gerados pelo estúdio.
Aqui mostramos possibilidades de tratamento de cor e granulação, poses, possibilidades de cenas e recortes fotográficos.
Fotografias no estilo da lomografia, com pouca saturação e granulosidade moderada nas imagens; Fragmentos e recortes inusitados, foco nas pequenas coisas que marcam a passagem do tempo, um movimento, um item, uma sensação.
Acesse nosso Flickr
6
Memória
GERAL
Identidade aplicada
em apresentações
Os padrões foram criados a partir dos elementos extraídos do logotipo Maroto, e permitem ainda mais formas de explorar a identidade visual na criação de materiais de comunicação e divulgação.
As textura devem ser usadas de forma escalonada e, preferencialmente, como fundo. Nunca utilize como detalhe.
Identidade aplicada
em apresentações
Os padrões foram criados a partir dos elementos extraídos do logotipo Maroto, e permitem ainda mais formas de explorar a identidade visual na criação de materiais de comunicação e divulgação.
As textura devem ser usadas de forma escalonada e, preferencialmente, como fundo. Nunca utilize como detalhe.
Nossos templates
de apresentações
Nossas apresentações de Google Slides já seguem as regras do sistema gráfico estabelecido. Utilize estes templates como base para qualquer entrega do Colletivo, sejam elas frentes de institucional, estratégia, marca ou comunicação.
Acesse nossos templates
Postagens institucionais em feed, reels e stories devem respeitar a proporção do grid estabelecida no manual.
As postagens para LinkedIn, feitas no formato PDF, devem seguir o mesmo grid de composição do feed do Instagram, tanto em suas capas quanto na disposição do conteúdo.
TikTok
O Tiktok é uma plataforma mais livre, e suas postagens vem em dois formatos:
- Vídeos espontâneos que não estão presos ao grid, mas, mesmo assim, devem respeitar os elementos da identidade, sempre levando em consideração a área onde o logotipo do TikTok fica presente;
- Postagens referentes a nossos projetos, que devem fazer uso do grid, da mesma forma que desenvolvido para o feed do Instagram.
Logotipos
e variações
animados
Os logotipos animados tem o intuito de trazer ainda mais a alma e movimento da identidade visual do Colletivo.
Dessa maneira, foram criadas diversas versões da marca animada a fim de compor os materiais audiovisuais e de mídias sociais
Elementos animados
Os padrões foram criados a partir dos elementos extraídos do logotipo Maroto, e permitem ainda mais formas de explorar a identidade visual na criação de materiais de comunicação e divulgação.
Assinaturas
animadas
Os logotipos animados tem o intuito de trazer ainda mais a alma e movimento da identidade visual do Colletivo.
Dessa maneira, foram criadas diversas versões da marca animada a fim de compor os materiais audiovisuais e de mídias sociais
Transições
animadas
Os padrões foram criados a partir dos elementos extraídos do logotipo Maroto, e permitem ainda mais formas de explorar a identidade visual na criação de materiais de comunicação e divulgação.
