Manual IV becomex by Juliano Simoes da Rocha

Manual de uso e aplicaĂ§ĂŁo da identidade visual

Sumário

Apresentação

2.4 - Tamanhos

Posicionamento Becomex

2.5 - Uso incorreto

Conceito visual

2.6 - Exemplos de aplicação

5.1 - Padrão de imagens

1 - Logotipo

5.2 - Imagens incorretas

3 - Submarcas

4.1 - Tipograﬁa de apoio (Padrão Sistema)

5 - Elementos visuais

1.1 - Composição do logotipo

3.1 - Composição das submarcas

5.3 - Aplicação das imagens

1.2 - Logotipo + Slogan

3.2 - Variações

5.4 - Iconograﬁa

1.3 - Variações

3.3 - Área de proteção

5.5 - Diagramas

1.4 - Cores

3.4 - Tamanhos

5.6 - Background/Decoração

1.5 - Área de proteção

3.5 - Uso incorreto

1.6 - Tamanhos

3.6 - Aplicação em interfaces

6.1 - Materiais de escritório

1.7 - Aplicação sobre fundos

3.7 - Linha de submarcas

6.2 - Materiais diversos e uniformes

1.8 - Uso incorreto

6.3 - Materiais de comunicação

1.9 - Usos preferenciais

4.1 - Cores institucionais

1.10 - Aplicação em interfaces

4.2 - Gradação das cores principais

4.3 - Gradação das cores de apoio

2.1 - Composição da assinatura visual

4.4 - Malha de gradiente

2.2 - Variações

4.5 - Tipograﬁa institucional

2.3 - Área de proteção

4.6 - Tipograﬁa institucional (Amostra)

2 - Assinatura visual

4 - Cores e tipograﬁas

6 - Identidade visual

Apresentação

Identidade visual é um conjunto de elementos gráficos que quando apresentados de forma consistente, tendem a caracterizar um nome, uma ideia, produto ou serviço. A identidade visual de uma instituição é um dos seus principais patrimônios. Através dela é que a instituição transmite seus valores e sua filosofia, tornando-se visível e reconhecida pelo seu público. Este Manual é um registro cuidadoso que pretende dar a identidade visual da Becomex Consulting seu devido valor. Pretende conscientizar seus usuários sobre a importância de seguir as instruções aqui contidas, para que ao longo do tempo a identidade da instituição se fortifique. A negligência para com o uso do logotipo e elementos visuais acarreta na “deterioração” da identidade visual. Ao passo que, o bom uso da identidade visual contribui para a fixação da boa imagem da empresa perante seu público.

Posicionamento Becomex

Somos a BECOMEX, uma empresa de consultoria que atua na implementação de processos aplicados à governança tributária, com forte experiência também em operações internacionais. Oferecemos ao mercado soluções de conhecimento e tecnologia voltadas aos mais diversos segmentos, planejando e implantando as melhores práticas para cumprimento de obrigações ﬁscais. Atuamos intensamente na agregação de valor através do correto e seguro uso dos benefícios e incentivos ﬁscais, disponibilizados pelos governos estaduais e federal.

Em sintonia com seus parceiros de negócio, a Becomex busca desenvolver seus projetos baseados em: CONHECIMENTO Um time especializado em processos sistêmicos e regras de negócio, experiente e inovador, que atua com responsabilidade na gestão e execução dos projetos de Consultoria, Implantação de Sistemas e Outsourcing.

Baseado na sua história, experiência, metodologias de trabalho, e também identiﬁcando a necessidade de seus clientes, a Becomex utiliza como apoio de marca e automaticamente como discurso de venda o slogan: Mais ação. Melhores Resultados.

TECNOLOGIA Desenvolvemos Sistemas e Ferramentas que implementam produtividade e geram eﬁcácia no controle e visão gerencial dos processos desenhados, garantindo a melhor execução para os melhores resultados. RELACIONAMENTO Atitude Simples, Consultiva e Colaborativa. Apontando os caminhos e agindo com respeito aos valores da cultura organizacional dos clientes e parceiros.

Conceito visual

Uma empresa ágil, inovadora, “sem gravatas”. Unimos Relacionamento, Conhecimento e Tecnologia. O conceito visual, demonstrado ao lado com palavras e imagens, serve como diretriz para o desenvolvimento e manutenção da identidade visual Becomex Consulting. Através deste conceito a instituição busca um posicionamento visual que a diferencie dos seu concorrentes, além de trazer uma maior aﬁnidade com o seu público alvo, pois este posicionamento busca transparecer uma empresa que seja de fácil acesso ao seu público e que o atenda de forma eﬁcaz.

agilidade, inovação, descomplicado, amigável simples, fácil, parceria, inteligência, sabedoria tecnologia, entendimento, atual.

1 - Logotipo

1.1 - Composição do logotipo

Para o novo posicionamento da empresa, o logotipo sofreu pequenas alterações. O símbolo antes presente foi removido, ﬁcando apenas o logotipo Becomex em azul, com o “X” em verde, e a tagline com a descrição CONSULTING, também na cor azul.

Logotipo

Tagline

1.2 - Logotipo + Slogan

O logotipo ganha também uma versão onde está acompanhado do slogan “Mais ação. Melhores resultados.” Tendo a possibilidade de uso em duas diferentes versões. O logotipo acompanhado do slogan deve ser usado em materiais menores ou onde os recursos visuais são mais limitados, trazendo a mensagem do posicionamento da empresa logo no primeiro contato visual.

1.3 - Variações

Além da versão principal, o logotipo Becomex possui mais três versões padronizadas: - Para aplicação sobre fundo azul padrão Becomex, o logotipo é alterado para a cor branca, mantendo o “X” em verde. - Para aplicação sobre fundo verde padrão Becomex, o logotipo em sua totalidade é alterado para a cor branca. - Para casos especíﬁcos, há ainda a versão em tons de cinza do logotipo, devendo ser usado apenas em casos de extrema necessidade, como por exemplo em jornais ou encartes onde o método de impressão se limita apenas a utilização de tinta preta.

Versão Secundária

Versão Terciária

Quarta Versão

1.4 - Cores

O logotipo, quando aplicado em suas cores institucionais ou tons de cinza, deve seguir rigorosamente os valores apresentados ao lado, tanto para aplicação em impressos como em arquivos digitais.

60 0 100 0

100 80 0 0

C: M: Y: K:

Pantone: Reﬂex Blue C

Pantone: 368C

C: M: Y: K:

R: 44 G: 168 B: 145 Hexadecimal: #2c4491

C: M: Y: K:

100 80 0 0

R: 44 G: 168 B: 145 Hexadecimal: #2c4491

R: 140 G: 182 B: 60 Hexadecimal: #8cb63c

C: M: Y: K:

60 0 100 0

R: 140 G: 182 B: 60 Hexadecimal: #8cb63c

1.5 - Área de proteção

Para melhor legibilidade e pregnância da marca, preferencialmente deve-se manter outros elementos de layout fora da área de proteção. Valendo a mesma regra para o logotipo acompanhado do slogan. A área de proteção se dá a partir da unidade B, que é extraída da primeira letra do logotipo.

1.6 - Tamanhos

Para que se mantenha uma boa legibilidade do logotipo e tagline em materiais impressos, o tamanho mínimo usado deve ser de 20mm de largura, do início da letra “B” até o ﬁnal da letra “X”. Já para arquivo de tela (Web e apresentações) a medida mínima deverá ser de 150px de largura. A utilização do logotipo menor que as medidas estipuladas, compromete a sua legibilidade e pregnância.

30mm

20mm

15mm

180px

150px

130px

1.7 - Aplicação sobre fundos

Em casos onde o logotipo for aplicado sobre fundos coloridos ou imagens, como por exemplo em materiais de terceiros, deve-se avaliar qual a melhor opção do logotipo a ser aplicada, buscando sempre o maior contraste possível entre fundo e logotipo, conforme exemplos. Em casos onde haja pouco contraste, prejudicando a legibilidade, é recomendado realizar alterações na cor de fundo, e jamais alterar a cor do logotipo fugindo das versões padronizadas.

1.8 - Uso incorreto

Jamais deve-se alterar as cores dos elementos que compõe o logotipo, assim como alterar suas proporções de altura e largura. Sempre que a versão principal do logotipo não se adequar a arte em questão, deve-se usar alguma das três variações padronizadas, já apresentadas neste manual. Se necessário ainda, realizar devidos ajustes na arte para que o logotipo se apresente de forma clara e legível.

1.9 - Usos preferenciais

Com o intuito de fortalecer a imagem da marca Becomex, há quatro formas principais para que o logotipo seja apresentado: - Versão Principal sobre fundo claro; - Versão Secundária sobre gradiente azul; - Versão Secundária sobre fundo azul; - Versão Secundária sobre imagens em tons azuis.

1.10 - Aplicação em interfaces

65px Para aplicação do logotipo em interfaces web e sistemas, recomenda-se que a “barra” da área do header tenha o mínimo de 65px de altura, para que o logotipo possa ser aplicado em seu tamanho mínimo permitido, não prejudicando sua leitura. Essa aplicação em especíﬁco fará com que a área de proteção seja menor do que a recomendada, não atingindo uma unidade “B” de respiro superior e inferior ao logotipo, sendo esta uma exceção a regra, porém de forma padronizada.

Página Inicial

Apresentação

Bases Legais

150px

(Redução mínima)

2 - Assinatura Visual

2.1 - Composição da assinatura visual

O símbolo, antes presente junto ao logotipo, é aplicado agora junto ao slogan, formando uma “assinatura visual” do posicionamento da empresa. Essa assinatura é usada como apoio de marca, com o intuito de reforçar a mensagem do posicionamento. A assinatura é apresentada geralmente no ﬁnal dos materiais, como contracapas e rodapés.

Símbolo

Slogan

2.2 - Variações

Além da versão principal, a assinatura visual possui apenas mais duas versões padronizadas: - Para aplicação sobre fundo azul e verde padrão Becomex, a assinatura é alterada em sua totalidade para a cor branca. - Para casos especíﬁcos, há ainda a versão em tons de cinza da assinatura, devendo ser usado apenas em casos de extrema necessidade, como por exemplo em jornais ou encartes onde o método de impressão se limita apenas a utilização de tinta preta.

Versão Secundária

Versão Terciária

2.3 - Área de proteção

Para melhor legibilidade da assinatura, preferencialmente deve-se manter outros elementos de layout fora da área de proteção. A área de proteção se dá a partir de duas unidades M, que é extraída da primeira letra da palavra “Mais” presente no slogan.

2.4 - Tamanhos

Para que se mantenha uma boa legibilidade da assinatura em materiais impressos, o tamanho mínimo usado deve ser de 23mm de largura, do início do símbolo até o último ponto ﬁnal da frase. Já para arquivo de tela (Web e apresentações) a medida mínima devera ser de 150px de largura. A utilização da assinatura visual menor que as medidas estipuladas, compromete a sua legibilidade e pregnância.

30mm

23mm

20mm

180px

150px

130px

2.5 - Uso incorreto

Jamais deve-se alterar as cores dos elementos que compõe a assinatura, alterar as suas proporções de altura e largura, assim como aplicá-la sobre fundos onde o baixo contraste entre as cores prejudique sua leitura. Sempre que a versão principal não se adequar a arte em questão, deve-se buscar o uso da versão secundária, já apresentada neste manual. Se necessário ainda, realizar devidos ajustes na arte para que a assinatura se apresente de forma clara e legível.

2.6 - Exemplos de aplicação

Como já citado a assinatura visual serve como apoio de marca, reforçando o posicionamento da empresa, sendo aplicado prioritariamente no fechamento de materiais de comunicação. Ao lado dois exemplos de aplicação. Em sua versão principal na área de footer de uma newsletter, e em sua versão secundária na área central da contra-capa de um material gráﬁco.

Footer de newsletter

Contra-capa de material gráﬁco

3 - Submarcas

3.1 - Composição das submarcas

As submarcas, ou marcas de produtos e serviços Becomex, são compostas de dois à quatro elementos. Os dois elementos sempre presentes são o “Nome Produto” e o “Elemento Gráﬁco”, que formam a estrutura básica à todas as submarcas. Em terceiro plano está a “Descrição Tipo”, que pode especiﬁcar se a marca se trata de um sistema ou portal, por exemplo. O quarto elemento é o “Sobrenome”, que pode fazer separações de diferentes linhas dentro do mesmo produto/serviço.

Descrição Tipo Nome Produto

Sobrenome Elemento Gráﬁco

3.2 - Variações

Além das versões principais, cada submarca possui mais três versões padronizadas: - Para aplicação sobre fundo azul padrão Becomex, o Nome Produto é alterado para a cor branca, mantendo o Elemento Gráﬁco, Descrição Tipo e Sobrenome em verde. - Para aplicação sobre fundo verde padrão Becomex, a submarca em sua totalidade é alterada para a cor branca. - Para casos especíﬁcos, há ainda a versão em tons de cinza, devendo ser usada apenas em casos de extrema necessidade, como por exemplo em jornais ou encartes onde o método de impressão se limita apenas a utilização de tinta preta.

Versão Secundária

Versão Terciária

Quarta Versão

3.3 - Área de proteção

Para melhor legibilidade das submarcas, preferencialmente deve-se manter outros elementos de layout fora da área de proteção. Diferente do logotipo e assinatura visual, não há aqui uma letra específica que defina a área de proteção, pois o Nome Produto é variável. Dessa forma usa-se 100% da altura do Nome Produto como unidade de medida para a área de proteção, neste caso exemplificado pelo uso da letra A.

3.4 - Tamanhos

Para que se mantenha uma boa legibilidade das submarcas em materiais impressos, o tamanho mínimo usado deve ser de 6mm de altura, sendo a altura medida através do Elemento gráﬁco. Já para arquivo de tela (Web e apresentações) a medida mínima devera ser de 32px de altura. Em casos onde haja a presença da Descrição Tipo, a altura mínina será de 8mm em materiais impressos, e 38px para arquivos de tela, sendo esta medida do topo da Descrição Tipo até a base so Elemento Gráﬁco. A utilização das submarcas menor que as medidas estipuladas, compromete a sua legibilidade e pregnância.

6mm

4mm

32px

30px

8mm

6mm

38px

35px

3.5 - Uso incorreto

Jamais deve-se alterar as cores dos elementos que compõe a submarca, alterar as suas proporções de altura e largura, assim como aplicá-la sobre fundos onde o baixo contraste entre as cores prejudique sua leitura. Sempre que a versão principal não se adequar a arte em questão, deve-se usar alguma das três variações padronizadas, já apresentadas neste manual. Se necessário ainda, realizar devidos ajustes na arte para que a submarca se apresente de forma clara e legível.

3.6 - Aplicação em interfaces

65px

38px (Redução mínima)

Página Inicial

Apresentação

Bases Legais

Para aplicação das submarcas em interfaces web e sistemas, recomenda-se que a “barra” da área do header tenha o mínimo de 65px de altura, para que a submarca possa ser aplicada em seu tamanho mínimo permitido, não prejudicando sua leitura. Essa aplicação em especíﬁco fará com que a área de proteção seja menor do que a recomendada, não atingindo 100% da altura do Nome Produto de respiro superior e inferior, sendo essa uma exceção a regra, porém de forma padronizada.

3.7 - Linha de submarcas Consultoria

Sistemas

Portais

Outros

4 - Paleta de Cor e TipograďŹ a

4.1 - Paleta de cor

100 80 0 0

Pantone: Reﬂex Blue C R: 44 G: 168 B: 145

stitucional Becom de In ex Ver

C: M: Y: K:

60 0 100 0

Pantone: 368C R: 140 G: 182 B: 60 Hexadecimal: #8cb63c

Hexadecimal: #2c4491

C: M: Y: K:

0 30 100 0

Pantone: 7408 C R: 234 G: 184 B: 23 Hexadecimal: #eab817

stitucional Becom za In ex Cin

Cores de Apoio

titucional Be lo Ins com are ex Am

A paleta de cor é um elemento importante e expressivo dentro do sistema de identidade visual. O correto e rotineiro uso das cores em materiais institucionais e de comunicação, fortalecem a imagem da marca perante o público-alvo. Deﬁnidas como cores institucionais principais estão o Azul Institucional Becomex e o Verde Institucional Becomex, as mesmas cores que formam o logotipo. Essas cores também devem ser usadas em elementos principais que componham os layouts desenvolvidos. Como cores de apoio estão o Amarelo Institucional Becomex e o Cinza Institucional Becomex, servindo essas como cores auxiliares à formação de possíveis elementos de layout. A cor cinza tem papel importante dentro da identidade, sendo usada como cor principal para textos aplicados sobre fundos claros. Assim como ocorre com demais elementos que formam a identidade visual Becomex, a não utilização das cores institucionais de forma correta, acarreta uma descaracterização da identidade, dessa forma sendo necessário o uso das cores conforme valores deﬁnidos neste capítulo.

itucional Becom l Inst ex Azu

Cores Principais

C: M: Y: K:

0 0 0 70

R: 111 G: 111 B: 111 Hexadecimal: #6f6f6f

4.2 - Gradação das cores principais

A gradação das cores é uma forma de expandir o leque de cores institucionais, servindo para a formação de elementos de layout que necessitem de diversas tonalidades de cores, como gráficos, diagramas e ilustrações. Foram definidos três tipos de gradações diferentes a partir das cores principais: Gradação para escuro e claro a partir do Azul Institucional; Gradação para escuro e claro a partir do Verde Institucional; Gradação entre o Azul e Verde Institucional. Os valores de todas as gradações são definidos conforme apresentado nos quadros abaixo.

C: M: Y: K: R: G: B: Hex:

100 80 0 85 10 12 45 #0a0c2d

60 0 100 85 41 58 16 #293a10

Azul Institucional Becomex

C: M: Y: K: R: G: B: Hex:

100 80 0 64 25 34 75 #19224b

60 0 100 64 71 94 32 #475e20

C: M: Y: K: R: G: B: Hex:

96 71 11 0 51 80 145 #335091

C: M: Y: K: R: G: B: Hex:

100 80 0 42

C: M: Y: K:

32 47 100 #202f64

60 0 100 42

C: M: Y: K:

96 125 43 #607d2b

C: M: Y: K: R: G: B: Hex:

R: G: B: Hex:

91 62 22 0 60 93 142 #3c5d8e

R: G: B: Hex:

100 80 0 21 38 58 123 #263a7b

60 0 100 21 119 154 52 #779a34

C: M: Y: K: R: G: B: Hex:

87 53 33 0 69 106 138 #456a8a

C: M: Y: K:

Azul Institucional Becomex

R: G: B: Hex:

C: M: Y: K:

Verde Institucional Becomex

C: M: Y: K: R: G: B: Hex:

82 44 44 0 79 119 132 #4f7784

R: G: B: Hex:

C: M: Y: K: R: G: B: Hex:

78 36 56 0 91 131 123 #5b837b

96 66 4 0

C: M: Y: K:

48 87 156 #30579c

R: G: B: Hex:

54 0 96 0

C: M: Y: K:

153 188 65 #99bc41

R: G: B: Hex:

C: M: Y: K: R: G: B: Hex:

92 52 8 0

C: M: Y: K:

53 106 168 #356aa8

R: G: B: Hex:

48 0 92 0

C: M: Y: K:

166 194 70 #a6c246

73 27 67 0 103 144 110 #67906e

R: G: B: Hex:

C: M: Y: K: R: G: B: Hex:

88 38 12 0 61 125 178 #3d7db2

C: M: Y: K: R: G: B: Hex:

42 0 88 0 178 200 77 #b2c84d

69 18 78 0 115 156 96 #739c60

C: M: Y: K: R: G: B: Hex:

84 24 16 0 70 144 187 #4690bb

36 0 84 0 190 206 83 #bece53

64 9 89 0 127 169 70 #7fa94f

C: M: Y: K: R: G: B: Hex:

80 10 20 0 81 162 193 #51a2c1

30 0 80 0 202 213 91 #cad55b

Verde Institucional Becomex

4.3 - Gradação das cores de apoio

Ainda como forma de expandir o leque de cores institucionais, foram deﬁnidas duas formas de gradação das cores de apoio: Gradação para escuro e claro a partir do Amarelo Institucional; Gradação para escuro (um tom) e claro a partir do Cinza Institucional. Os valores de todas as gradações são deﬁnidos conforme apresentado nos quadros abaixo.

C: M: Y: K: R: G: B: Hex:

100 80 0 85 10 12 45 #0a0c2d

C: M: Y: K: R: G: B: Hex:

C: M: Y: K:

0 0 0 85 75 75 75 #4b4b4b

R: G: B: Hex:

100 80 0 64 25 34 75 #19224b

C: M: Y: K: R: G: B: Hex:

100 80 0 42 32 47 100 #202f64

C: M: Y: K: R: G: B: Hex:

Cinza Institucional Becomex

100 80 0 21 38 58 123 #263a7b

C: M: Y: K:

Amarelo Institucional Becomex

R: G: B: Hex:

C: M: Y: K: R: G: B: Hex:

0 0 0 50 155 155 155 #9b9b9b

96 66 4 0

C: M: Y: K:

48 87 156 #30579c

R: G: B: Hex:

C: M: Y: K: R: G: B: Hex:

0 0 0 20 217 217 217 #d9d9d9

92 52 8 0 53 106 168 #356aa8

C: M: Y: K: R: G: B: Hex:

88 38 12 0

C: M: Y: K:

61 125 178 #3d7db2

C: M: Y: K: R: G: B: Hex:

0 0 0 10 236 236 236 #ececec

R: G: B: Hex:

84 24 16 0

C: M: Y: K:

70 144 187 #4690bb

R: G: B: Hex:

C: M: Y: K: R: G: B: Hex:

80 10 20 0 81 162 193 #51a2c1

0 0 0 5 245 245 245 #f5f5f5

4.4 - Malha de Gradiente

A malha de gradiente é um elemento de cor e vetorial, desenvolvido exclusivamente para a identidade visual Becomex, trazendo assim uma característica própria ao uso das cores nesta identidade. A malha de gradiente principal, em tons de azul, serve também como apoio de marca, estando sempre presente como background em determinadas áreas de layouts de materiais institucionais e de comunicação. As malhas de gradiente em tons de verde e em tons de amarelo, são usadas em materiais onde sejam necessárias grandes separações de linhas de assuntos, porém não são usadas para representar uma linha especíﬁca dentro da identidade.

4.5 - Tipograﬁa institucional

Escolhida como tipografia institucional por atender os requisitos do conceito visual, a tipografica Lato é usada dentro da identidade visual em quatro pesos diferentes, com a variação itálica, totalizando oito variações de tipos. As versões Light e Regular são usadas em textos longos, onde em cada caso deve-se avaliar o seu tamanho em pontos e contraste com o fundo, para definição de qual das duas versões utilizar. Já as versões Bold e Black, são utilizadas para textos de chamadas, que necessitem de um maior destaque dentro do layout proposto, ou também para destacar uma parte específica de um texto longo. O uso do itálico em textos de destaque transmite ao leitor a sensação de agilidade, ou algo em movimento, sendo assim uma forma de atender através de textos, alguns dos conceitos que norteiam o posicionamento visual.

abc 123 ABC $%&

4.6 - Tipograﬁa institucional (Amostra)

Lato Light

Lato Light Italic

abcABC123

Lato Regular

Lato italic

abcABC123

Lato Bold

Lato Bold Italic

abcABC123

Lato Black

Lato Black Italic

abcABC123

abcdefghijklmnopqrstuvwxyz | &#€$¢£?!0123456789¹²³ ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz | &#€$¢£?!0123456789¹²³ ABCDEFGHIJKLMNOPQRSTUVWXYZ 41

4.7 - Tipogradia de apoio (Padrão sistema)

Calibri Regular Para a utilização no desenvolvimento de materiais editáveis, como DOCs e PPTs, fica definido a tipografia padrão de sistema Calibri. A sua versão Regular é utilizada em textos longos, já a versão Bold é utilizada para textos de destaque e chamadas, similar ao uso da tipografia institucional Lato.

abcABC123

abcdefghijklmnopqrstuvwxyz | &#€$¢£?!0123456789¹²³ ABCDEFGHIJKLMNOPQRSTUVWXYZ

Calibri Italic

abcABC123

abcdefghijklmnopqrstuvwxyz | &#€$¢£?!0123456789¹²³ ABCDEFGHIJKLMNOPQRSTUVWXYZ

Calibri Bold

abcABC123

abcdefghijklmnopqrstuvwxyz | &#€$¢£?!0123456789¹²³ ABCDEFGHIJKLMNOPQRSTUVWXYZ

Calibri Bold Italic

abcABC123

abcdefghijklmnopqrstuvwxyz | &#€$¢£?!0123456789¹²³ ABCDEFGHIJKLMNOPQRSTUVWXYZ 42

5 - Elementos Visuais

5.1 - Padrão de imagens

Quando necessário a utilização de imagens, deve-se buscar atender os seguintes requisitos básicos: - Imagens de fotógrafos ou banco de imagens proﬁssionais, com direitos de uso comercial; - Imagens em alta resolução; - Pessoas vestidas adequadamente ao ambiente de trabalho; - Pessoas com expressão amigável e receptiva; - Pessoas trabalhando de forma colaborativa; - Uso de tecnologias atuais; - Ambientes internos organizados e limpos; - Ambientes externos com boa iluminação e genéricos. Ao lado algumas amostras de imagens que atendem aos requisitos citados.

5.2 - Imagens incorretas

Ao lado algumas amostras de imagens que não devem ser utilizadas pelos seguintes motivos: - Imagens de aparência ou procedência amadora; - Imagens em baixa resolução; - Pessoas vestidas de forma que não represente o proﬁssionalismo da instituição; - Pessoas com expressão de raiva ou desconforto; - Uso de tecnologias ultrapassadas; - Ambientes internos desorganizados ou não proﬁssionais; - Ambientes externos com má iluminação ou que apresente marcas e pontos turísticos.

5.3 - Aplicação das imagens

Para uma aplicação de forma padronizada, as imagens selecionadas para contextualizar determinado assunto recebem uma “sobreposição” da malha de grandiente azul, criando mais um ponto especíﬁco de reconhecimento da identidade Becomex. As imagens que recebem essa tonalidade azulada, como já citado, são imagens que servem para contextualiazar determinado assunto, ou seja, elas não são o foco principal do layout, mas sim um apoio visual ao assunto abordado. Em casos onde a imagem é o foco principal, como por exemplo a tela de computador com um sistema da empresa, recomenda-se manter a imagem em sua tonalidade original. Ao lado uma amostra da imagem em sua tonalidade original, seguido da mesma imagem com a aplicação da malha de gradiente azul. Por ﬁm, a mesma imagem aplicada ao layout, onde neste caso recebeu ainda um leve efeito de desfoque, para que o foco seja mantido no texto que está por sobre a imagem.

5.4 - Iconograﬁa

O padrão de ícones desenvolvido para a identidade visual Becomex segue uma linha mais simples e clara, onde suas principais características são: - Não há preenchimento de cores, apenas traços de contorno; - Utilização das duas cores institucionais principais, sendo o azul em destaque; - Cantos e traços arredondados sempre que possível; - Utilização de duas expessuras de traços, sendo a mais ﬁna 50% da expessura do traço principal; - Redução de detalhes. Para aplicação sobre fundos coloridos, os ícones são aplicados em sua totalidade na cor branca. Sempre que necessário a utilização de um novo ícone contatar pessoal especializado para o desenvolvimento, evitando a utilização de ícones já prontos que fujam do padrão visual estipulado.

5.5 - Diagramas

SITE MDIC

VEÍCULO VENDIDO NO MERCADO BRASILEIRO

MONTADORA

$ Total vendido para montadora Upload Mensal

Ao lado está representado o padrão visual que deve-se utilizar para a apresentação de informações em forma de diagramas ou ﬂuxogramas. Assim como no caso dos ícones, o visual é limpo e claro, utilizando-se de cores e elementos gráﬁcos já presentes na identidade visual.

30 p.p de IPI devido

$ Total parcela dedutível TIER #1

Compensação

MATERIAL IMPORTADO

Crédito presumido para montadora

Mutiplicador Em 2014 = x1.25

TIER #2

Mês 1

Mês 2

Mês 3

Acesso Informações

Análise Coerência Operacional

Apuração Parcela Dedutível

Entrega ao Governo

- Notas Fiscais (XML) - SPED Fiscal - Lista Materiais (B.O.M)

- Origem Materiais - Impostos - Variações Preço de Compra, Qualidade

- Por Montadora - Produto - Filial / CNPJ

- Geração Arquivos - Retiﬁcação - Transmissão

3 meses para 1ª entrega

Mês 3

5.6 - Background/Decoração

Um elemento sutil, porém importante, é o background ou plano de fundo. Formado por linhas curvas e três tons de cinza, o background deve estar presente sempre que possível em materiais institucionais e comerciais. Ele é construido utilizando dois elementos ovais pretos, em 5% e 3% de opacidade, que quanto sobrepostos formam o terceiro tom de cinza. Este elemento, além de decorativo, ajuda a reforçar a identidade da empresa, sendo mais uma forma de criar um fácil reconhecimento da identidade Becomex.

6 - Identidade Visual

6.1 - Materiais de escritório Diversos elementos já citados neste manual podem ser vistos aqui, aplicados nos materiais institucionais, como: Logotipo e Background decorativo na face frontal dos materiais; Assinatura visual e malha de gradiente no verso; Tipograﬁa Lato em tons de cinza para textos; Cor Azul Institucional Becomex na parte interna dos materiais. Envelope Saco Frente/Interno

Costas

Papel Timbrado Capa CD

Cartão de Visitas

Frente/Interno

CD 1

Frente Adolfo Bez Operações

+55 47 8827 2363 adolfo.bez@becomex.com.br

Lorem ipsum dolor sit amet, São Paulo - SP Alameda Joaquim Eugênio de Lima, 598 Salas 63 e 64 - 4004-6060

orem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat tempus felis eget

www.becomex.com.br

luctus. Integer ullamcorper sem id arcu pulvinar tempor. Aenean posuere mattis Mais ação. Melhores resultados

ipsum, at dapibus arcu congue commodo. Donec eu lobortis elit. Donec sollicitudin arcu id urna placerat, at rhoncus lacus congue. In a nisi id tortor tincidunt facilisis. Sed scelerisque metus at nulla ultricies rhoncus. In viverra eu libero a tincidunt. Vestibulum blandit nisi at est imperdiet, id tempor odio mollis. Aliquam ultricies aliquet risus vitae rhoncus. Vivamus ultricies lorem at fringilla dapibus. Aenean imperdiet lacus id mi auctor sollicitudin. Donec bibendum, purus eu facilisis dapibus, massa dolor pretium dolor, vitae tincidunt sem libero in odio. Fusce eu est pellentesque dolor rutrum sagittis. Fusce eu volutpat orci. Nam sed mollis

Mais ação. Melhores resultados

ligula, a rutrum enim. Sed ut dui a lacus luctus volutpat eu id urna. Vivamus egestas, tellus accumsan bibendum hendrerit, lorem massa egestas tortor, volutpat pellentesque libero mi at ipsum. Nunc vitae metus ut turpis hendrerit malesuada. Suspendisse vestibulum sapien nec mi pellentesque lobortis. Fusce varius feugiat

CD 2

Costas

Verso

ligula ut tincidunt. Nullam in mi quis lacus mattis aliquet ac id velit. Nulla facilisi. Vivamus accumsan nulla vel viverra vestibulum. Donec libero est, interdum id ullamcorper sit amet, rutrum in lectus. Aliquam at erat nec turpis aliquet blandit. Mauris vel urna vel nisl rhoncus porta. Praesent blandit iaculis pretium. Lorem ipsum dolor sit amet, consectetur adipiscing

Mais ação. Melhores resultados

elit. Etiam sollicitudin, ipsum et consequat viverra, augue elit egestas nisl, vitae eleifend diam turpis quis augue. Duis rhoncus euismod purus vitae tempor. Proin ut enim a purus posuere tempus ac at est. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mais ação. Melhores resultados

www.becomex.com.br atendimento@becomex.com.br 4004-6060

Mais ação. Melhores resultados

Pasta Frente

Costas

Costas Mais ação. Melhores resultados

Mais ação. Melhores resultados

www.becomex.com.br atendimento@becomex.com.br 4004-6060

Interno

6.2 - Materiais diversos e uniformes

Capa Agenda Costas

Crachá

Frente

Verso

Bloco de Notas

Ana Clara C. de Oliveira Financeiro RG: 4.377.189 Admissão: 15/01/12 Matrícula: 015.12

Frente

Costas

Interno

Mais ação. Melhores resultados

Frente

Ana Clara C. de Oliveira Financeiro

Mais ação. Melhores resultados

Caneta Plástico

Mais ação. Melhores resultados

Pen Drive

Agenda 2014

Caneta Metal

www.becomex.com.br atendimento@becomex.com.br 4004-6060

Camiseta

Camisa Polo 1

Camisa Polo 2

Camisa Polo 3

6.3 - Materiais de comunicação Assim como na apresentação dos materias institucionais, é possível visualizar a aplicação de diversos elementos da identidade aplicados a estes exemplos de materiais de comunicação: Logotipo aplicado na versão principal e secundária; Assinatura visual aplicada na versão principal e secundária; Exemplo de uso de submarca; Utilização das cores para formação de layout; Utilização da malha de gradiente; Uso de imagens contextuais em tons de azul; Utilização do background decorativo, entre outros.

Objetivo

Booking Eletrônico

Etapas

Ordenação - Organização e Controle

Selecionar e IDENTIFICAR os itens que farão parte do escopo do projeto, determinando a abrangência do estudo que será feito.

Caracterizar os itens de acordo com as suas especificações de forma que permita AGRUPAR os mesmos de forma clara e objetiva. Reclassificar os itens caso haja conflito ou erro na sua identificação.

Revisar as características que determinam os agrupamentos de forma que seja possível PADRONIZAR as descrições e permitir a vinculação sem qualquer dúvida do item ao respectivo grupo tarifário.

CATALOGAR os itens dentro dos respectivos agrupamentos no portal de Ordenação e Gestão Tarifária da BECOMEX, disponibilizando o Booking Eletrônico para homologação.

Analisar os itens catalogados com o objetivo de HOMOLOGAR e liberar para uso dentro da nova ordenação feita.

Identiﬁcar

Agrupar

Padronizar

Catalogar

Homologar

Empresa deve escolher os itens que deseja submeter para que seja feita a Ordenação Tarifária. Exemplo: Curva A, Itens Importado;

Criar os grupos tarifários de acordo com as características dos itens, revisando a Classiﬁcação Fiscal sempre que necessário. Exemplo: Grupo Parafusos Perfurantes de Aço, Lâmpadas de LED;

De acordo com o agrupamento feito, revisar as descrições e demais características com o intuito de padronizar. Exemplo: Eliminar abreviaturas, descrever em detalhes e da mesma forma;

Registrar todos os itens padronizados e devidamente agrupados em uma ferramenta desenvolvida para esta ﬁnalidade. Exemplo: Digitar os itens no sistema agregando fotos, catálogos;

Submeter para aprovação dos responsáveis de forma a obter o consenso entre as diversas áreas, liberando os itens para uso dentro do estabelecido. Exemplo: Homologação pela Área Fiscal e Engenharia.

Obter o máximo de informação possível para os itens que serão analisados, como fotos, croquis, lista técnicas, catálogos, desenhos de engenharia, dados dos ERPs, documentos de compra ou importação.

Organizar os itens agrupando os mesmos por características técnicas que diferenciem tanto a parte de Classiﬁcação Fiscal como também a ﬁnalidade de uso ou semelhança.

Revisar características dos itens como descrição, complementos, classiﬁcação ﬁscal e detalhes técnicos, padronizando os integrantes do grupo.

Registrar todos os itens com respectivas informações no sistema de forma a poder submeter para homologação.

Gerar o BOOKING ELETRÔNICO devidamente homologado.

Consultoria Rastreabilidade e Integração

Análise de Dados

Fornecedor

Auditar

Governo

Cliente

Veriﬁcar

Confrontar

Relação

Auditoria

Cliente X Fornecedor

Fiscal e Comercial

Concluir

Orientada pelo SPED FISCAL

Fiscal com base no SPED e XMLs

Integrada com o portal de relacionamento

De Notas Fiscais de Entrada - Customizada Controle de Pendências

Ferramentas

Estatísticas

Auditoria, Consulta

Internas e Externas

Integrada com Integrada com o ambiente corporativo

Geração das estatísticas de desempenho

Base de conhecimento compartilhada

Cruzamento com estatísticas oﬁciais

Full Web

Receita Federal

BPO

Ministério da Indústria e Comércio

Corrigir

INCENTIVOS FISCAIS: A Becomex atua intensamente na identiﬁcação, análise, operacionalização e gestão de incentivos e benefícios ﬁscais tais como: Drawback; Reintegra; Ex-Tarifário; Linha Azul; Repetro, entre outros. Em muitas companhias a BECOMEX atua em projetos especiais, buscando sempre o máximo ganho e o mínimo risco.

GOVERNANÇA FISCAL E ADUANEIRA: O atendimento às diversas obrigações tributárias, e o cumprimento das legislações vigentes para que a companhia esteja em conformidade com as mesmas, é uma das principais linhas consultivas da BECOMEX. A preparação do ambiente operacional, identificando áreas de riscos, através de auditorias digitais com cruzamento de dados legados, baseados em arquivos fiscais como NFs, SPED Fiscal e Contábil, e dados dos sistemas do governo como o Siscomex, permite que façamos a análise de riscos, a projeção de oportunidades, e ainda desenhar soluções operativas e sistêmicas dentro dos principais conceitos de Governança Tributária e Fiscal. IMPOSTOS DIRETOS: Nossa linha de soluções aplicadas aos impostos diretos, torna a BECOMEX referência no tratamento corporativo do Imposto de Renda Pessoa Jurídica e do Preço de Transferência. Possuímos uma metodologia de análise e apuração que projeta os vários cenários com previsibilidade, e permite o uso do melhor para fins de cumprimento das obrigações.

SAAS

Manual de uso e aplicação da identidade visual Os conteúdos deste manual, são de uso único e exclusivo de proﬁssionais Becomex autorizados, assim como proﬁssionais de design e agências contratadas para desenvolvimento de materiais de comunicação. Deve-se evitar a distribuição em larga escala deste, mantendo as informações aqui contidas apenas ao alcance de pessoal autorizado.