MANUAL DE IDENTIDADE VISUAL
APRESENTAÇÃO
Este manual tem por objetivo principal, tanto apresentar a identidade visual gerada para o MEMORIAL DO TRIBUNAL DE CONTAS DO ESTADO DE SÃO PAULO, quanto auxiliar os profissionais que terão contato com a identidade, no entendimento dos padrões de uso e em aplicações futuras. Na apresentação da identidade visual serão expostos os conceitos básicos, os elementos construtivos, o diálogo entre as partes tipográfica e gráfica da assinatura, suas correlações e versões de assinatura. A orientação de uso trará os detalhes aos quais os profissionais envolvidos com a identidade deverão atentar para que suas aplicações preservem a assinatura, tanto em proporções e elementos básicos, quanto em legibilidade. Serão também apontadas as principais contudas de uso, proteção, redução e de desenvolvimento de peças avulsas. Para além, indicação de comportamento de grafismos e tratamento de imagens também serão abordadas aqui, criando assim um documento amplo de consulta para o bom uso da identidade visual MEMORIAL DO TRIBUNAL DE CONTAS DO ESTADO DE SÃO PAULO.
SUMÁRIO
A IDENTIDADE VISUAL
5
ELEMENTO NUCLEAR
6
TIPOGRAFIA PRINCIPAL
7
VERSÕES CROMÁTICAS E ASSINATURAS 8 ASSINATURA REDUZIDA
14
CORRELAÇÕES ENTRE TIPOGRAFIA E LOGOGRAMA CONSTRUÇÃO DO LOGOGRAMA REDUÇÕES
16
17
ÁREA DE PROTEÇÃO VOLUMETRIA
19
GRAFISMOS
20
18
TRATAMENTO DE IMAGENS DESENVOLVIMENTO DE PEÇAS AVULSAS 23 IMPEDIMENTOS 28 EQUIPE
30
15
21
A IDENTIDADE VISUAL
A identidade visual do MEMORIAL DO TRIBUNAL DE CONTAS DO ESTADO DE SÃO PAULO é um conjunto formado por um bloco tipográfico e um bloco gráfico alinhados em sua composição e construção, conforme descrito nas páginas subsequentes. O resultado gráfico final apresenta sua parte textual grafada com dois pesos da família tipográfica Gotham, sendo eles o peso Gotham Black e Gotham Medium. Já sua parte gráfica, ou logograma, é composta por uma sequência de hastes dispostas de forma a propor movimento e dinamismo, gerando em sua leitura total a visualização da letra M, que faz alusão direta à palavra MEMÓRIA que compõe o título do espaço.
5
ELEMENTO NUCLEAR
O logotipo parte do círculo como elemento básico nuclear. Círculo esse que, simulando movimento, oferece elementos gráficos em forma de hastes cujas extremidades arredondadas criam suavidade e fluidez de leitura. A escolha do círculo como elemento primário na construção da identidade do MEMORIAL TCESP também tem relação direta com a moeda, ativo tão presente na rotina do órgão. A partir dele também podem ser aferidas relações de construções gráficas dos sinais básicos da matemática ou, em plano mais descaracterizado, o círculo pode ser tomado como ponto geográfico, estabelecendo uma relação de ligação entre unidade central do Tribunal e as Regionais espalhadas pelo Estado de São Paulo.
6
TIPOGRAFIA PRINCIPAL Gotham Black Regular
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Black Italic
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Bold Regular
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Bold Italic
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Medium Regular
abcdefghijklmnopqrstuvwxyz1234567890
Gorham Medium Italic
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Book Regular
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Book Italic
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Light Regular
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Light Italic
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Extra Light Regular
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Extra Light Italic
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Thin Regular
abcdefghijklmnopqrstuvwxyz1234567890
Gotham Thin Italic
abcdefghijklmnopqrstuvwxyz1234567890
Gotham é uma família de fontes geométricas sem serifa projetada pelo designer americano Tobias Frere-Jones e Jesse Ragan. Lançada pela fundição Hoefler & Frere-Jones em 2000, Gotham tem um design amplo e bem estruturado, tendo sido utilizada nos mais diversos cenários, desde os ambientes políticos internacionais, até o cenário corporativo e financeiro mundial. Gotham é uma família tipográfica que apresenta quatorze pesos distintos, indo do Black ao Thin, em versões regular e itálico cada. As letras que inspiraram esta fonte originaram-se do estilo das sans-serifs da década de 1920, como Futura, onde “o tipo, como a arquitetura, como a organização da própria sociedade, deveria ser reduzido ao seu essencial básico e eficiente, livre de elementos indesejáveis, locais ou elementos étnicos.”
7
VERSÕES CROMÁTICAS E ASSINATURAS PANTONE 504C CMYK 40.91.81.64 RGB 55.8.17 HEX #370811
PANTONE 188C CMYK 30.100.100.42 RGB 104.0.0 HEX #680000
PANTONE 202C CMYK 30.98.92.35 RGB 116.3.13 HEX #74030D
PANTONE 187C CMYK 25.100.100.27 RGB 140.0.0 HEX #8C0000
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
PANTONE 188C CMYK 30.100.100.42 RGB 104.0.0 HEX #680000
PANTONE 200C CMYK 24.100.100.22 RGB 151.0.0 HEX #970000
PANTONE 2035C CMYK 17.100.100.9 RGB 193.0.0 HEX #C10000
A versão cromática principal do logotipo MEMORIAL DO TRIBUNAL DE CONTAS DO ESTADO DE SÃO PAULO traz o preto e o vermelho presentes tanto na bandeira do estado, como também no logotipo do Tribunal e em seu brazão. Contudo, para destacar a permeabilidade que o MEMORIAL TCESP sugere aos visitante, fazendo com que ele adentre em sua história e faça parte dela também, é importante salientar que são propostas outras configurações de paletas cromáticas secundárias para o logotipo e suas derivações. Com isso, a identidade visual do MEMORIAL ganha mais elementos e se enriquece, podendo gerar um grande leque de combinações cromáticas que, junto ao conteúdo, mostrem toda a força e presença do Tribunal no cotidiano do cidadão do Estado de São Paulo.
8
PANTONE 7427C CMYK 8.100.70.33 RGB 151.27.47 HEX #971B2F
PANTONE 2098C CMYK 88.86.0.0 RGB 74.37.187 HEX #4A25AA
PANTONE 313C CMYK 100.0.11.2 RGB 0.146.188 HEX #0092BC
PANTONE PURPLE C CMYK 36.94.6.0 RGB 168.15.240 HEX #A80FFF0
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
PANTONE 185C CMYK 15.100.100.6 RGB 204.0.0 HEX #CC0000
PANTONE 333C CMYK 74.8.27.0 RGB 66.235.186 HEX #42EBBA
Assinatura secundária #1 - policromática
9
PANTONE 2727C CMYK 84.44.4.0 RGB 41.143.245 HEX #298FF5
PANTONE 425C CMYK 48.29.26.76 RGB 84.88.90 HEX #54585A
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
PANTONE 423C CMYK 22.14.18.45 RGB 137.141.141 HEX #898D8D RETÍCULA 1 cor CMYK 0.0.0.70
Assinatura secundária #2 - escala de cinzas
10
VERSÕES CROMÁTICAS E ASSINATURAS
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
Assinatura secundária #3 - linhas
11
VERSÕES CROMÁTICAS E ASSINATURAS
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
Assinatura secundária #4 - preto
12
VERSÕES CROMÁTICAS E ASSINATURAS
Assinatura secundária #5 - branco
13
ASSINATURA REDUZIDA
As assinaturas reduzidas devem ser utilizadas apenas em casos específicos onde a assinatura principal não possa ser inserida por limitações de espaço, ou em situações onde a redução seja coerente, como na produção de relevos secos, carimbos, etc. É importante que mesmo no uso das versões reduzidas da assinatura MEMORIAL TCESP, o esquema cromático seja mantido conforme o indicado neste manual (pgs. 8-13)
14
ocess Black C 100 1 9
CORRELAÇÕES ENTRE TIPOGRAFIA E LOGOGRAMA
A construção do logotipo do MEMORIAL TCESP obedece a parâmetros intrínsecos aos elementos que o geram, criando assim relações próprias e coerentes dentro de um diagrama exclusivo, conforme indicado nesta página. A espessura das linhas
A letra M grafada em caixa alta (maiúscula) é base tanto para a
que formam a assinatura
altura de todos os caracteres do bloco textual, como também seus
secundária #3 (linhas)
espaçamentos verticais.
é a mesma espessura da letra I, integrante PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
do bloco textual da
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
indentidade visual.
A letra M também é unidade de medida básica para o espaçamento entre o bloco tipográfico e o logograma, além de referência de PANTONE Process Black C
CMYK 0.0.0.100 espessura para as hastes que formam tal logograma. RGB 44.42.41 HEX #2C2A29
15
CONSTRUÇÃO DO LOGOGRAMA
C
D
B
C
A
B: 58°
C: 73° A: 90°
D: 112°
Dando continuidade aos parâmetros próprios de construção da identidade visual MEMORIAL TCESP, foram buscados na letra M da palavra MEMORIAL, os ângulos de inclinação para o logograma que remete à letra M. Por fim, as alturas das hastes que formam o logograma também têm sua referência alinhada com a sobreposição de letras M, criando assim um logotipo final coeso e firmemente estruturado em seus próprios elementos construtivos e semânticos.
16
REDUÇÕES
15mm
70px
7mm
40px
Limite de redução em versão impressa
Limite de redução em versão digital (72dpi)
Limite de redução da assinatura simplificada em versão impressa
Limite de redução da assinatura simplificada em versão digital (72dpi)
Por tratar de uma identidade visual muito limpa e direta, a tolerância para reduções em seu uso é significativa. Desta forma, são indicados nesta página os limites mínimos de reprodução, tanto em meio digital como em meio impresso. É importante ressantar que é preciso avaliar aplicações menores quando estas sejam a única alternativa de veiculação do logotipo.
17
ÁREA DE PROTEÇÃO
O volume criado pela conjunto texto + logograma é majoritariamente horizontal e equilibrado, contudo a diagonal mais à direita da letra M do logograma requer uma maior atenção quando trata-se de área de proteção. Nesta perspectiva, a largura e altura do bloco tipográfico acabam sendo o padrão de distanciamento para a lateral esquerda, topo e base respectivamente. Já para a lateral direita, é sugerido que se use 2 vezes a largura da largura do bloco tipográfico a partir da vertical formada pela primeira haste do logograma M, conforme indicado acima.
18
VOLUMETRIA
Volumetria em assinatura completa, mantendo-se as proporções, espaçamentos, cores e todos os elementos contrutivos.
PANTONE 504C CMYK 40.91.81.64 RGB 55.8.17 HEX #370811
PANTONE 188C CMYK 30.100.100.42 RGB 104.0.0 HEX #680000
PANTONE 202C CMYK 30.98.92.35 RGB 116.3.13 HEX #74030D
Volumetria em assinatura reduzida utilizando materiais sobrepostos translúcidos. As cores a serem utilizadas devem ser as indicadas ao lado (detalhe na página 8). PANTONE 187C CMYK 25.100.100.27 RGB 140.0.0 HEX #8C0000
PANTONE Process Black C CMYK 0.0.0.100 RGB 44.42.41 HEX #2C2A29
Volumetria em
PANTONE 188C CMYK 30.100.100.42 RGB 104.0.0 HEX #680000
PANTONE 200C CMYK 24.100.100.22 RGB 151.0.0 HEX #970000
PANTONE 2035C CMYK 17.100.100.9 RGB 193.0.0 HEX #C10000
escala aumentada, transformando os elementos básicos de construção da identidade (círculos e hastes) em bancos.
A identidade visual do MEMORIAL TCESP traz em si a sugestão de volumetria que pode ser utilizada de diversas formas, tanto no espaço como em situações externas, desde que observadas os seguintes pontos: •
Quando a volumetria tratar da assinatura completa ou reduzida (pgs. 8 e 14), é preciso que as proproções, relações de construção, cores e demais elementos contrutivos sejam mantidos;
•
Quando a volumetria tratar apenas dos elementos construtivos básicos, ou seja, círculos e hastes, estes podem ser utilizados de forma mais livre, atentando apenas ao esquema cromático;
•
Nos casos em que a sobreposição possa ser utilizada, como no emprego de materiais transparentes (acrílico ou vidro), as cores usadas devem ser sempre as cores principais indicadas nesta página, criando assim relações de soma cromática real/física.
19
GRAFISMOS
O conjunto de grafismos que apoiam a identidade visual e seus desdobramentos visuais é infinito, uma vez que utilizando-se do elemento nuclear básico, o círculo, é possível desenvolver incontáveis padrões visuais, suprindo assim qualquer demanda gráfica. Os grafismos podem partir de composições regulares cartesianas ou inclinadas, conforme ilustrado nos três primeiros exemplos dispostos no topo desta página. Em sequência, os círculos podem se comportar de forma a sugerir movimento, progressão, ritmo e cadência, além da própria transparência assim como o sugerido na segunda linha de exemplos. Os círculos em movimento, formando as hastes, também podem gerar um sistema de grafismos que conversem e se adaptem às mais diversas situações que possam surgir no desenvolvimento de peças gráficas.
20
TRATAMENTO DE IMAGENS Imagem original a ser tratada e adequada ao sistema gráfico ligado ao MEMORIAL TCESP
Os parâmetros de aplicação do filtro Color Halftone vão depender da finalidade e da resolução da imagem original. Ao lado um exemplo de aplicação cujos pontos são pequenos, causando pouca interferência no resultado final.
Ajustando-se a resolução da imagem e os parâmetros de malha, é possível conseguir resultados mais próximos à imagem original, ou resultados que criem uma forte relação gráfica entre imagem e padrões de criação da identidade
A utilização de malhas gráficas no tratamento e na composição
visual MEMORIAL TCESP
de imagens é indicada por dois fatores principais: o primeiro trata
através do círculo.
da equalização de linguagem visual das peças produzidas, criando unidade entre todos os elementos imagéticos; o segundo garante as resoluções adequadas para a reprodução, sendo ela física/impressa ou virtual. Acima um exemplo de aplicação de retícula gráfica que, em comunhão com esquemas cromáticos ligados à identidade visual do MEMORIAL TCESP, equalizam e potencializam imagens que possam vir a ser utilizadas no espaço.
21
A utilização das cores da identidade nas malhas gráficas ou em seu fundo também são indicados, criando assim nova camada informativa parcebida pelo leitor. Nesta página dois exemplos onde o Vermelho MEMORIAL TCESP é utilizado no ponto, gerando uma imagem de fundo claro e permeável (exemplo ao topo), ou como fundo, gerando uma imagem mais densa que poderia funcionar como base para inserção de informações numa apresentação, relatório, etc.
22
TRATAMENTO DE IMAGENS
DESENVOLVIMENTO DE PEÇAS AVULSAS
O desenvolvimento de peças gráficas para o MEMORIAL DO TRIBUNAL DE CONTAS DO ESTADO DE SÃO PAULO tem como base fundamental um conjunto de procedimentos e combinações que focam, principalmente, na passagem clara da informação corGrid principal construído
relacionando diretamente o conteúdo veiculado, o partido gráfico
através da divisão do
adotado e a identidade visual do MEMORIAL TCESP.
campo em três partes, verticais e horizontais,
É listado nesta sequência de páginas um conjunto de componentes
baseadas na letra
que geram tais peças gráficas alinhadas à identidade visual, sempre
M do memorial.
reforçando que essas construções sejam desenvolvidas de forma dinâmica e rica, porém respeitando-se os parâmetros de preserva-
Exemplo de construção
ção da assinatura MEMORIAL TCESP.
desenvolvido sobre material vertical,
A começar são indicados os parâmetros para construção do grid
simulando uma página
gráfico principal, que pode ser adequado as mais diversas situa-
em proporção A4 ou
ções, tanto em peças verticais ou horizontais, sendo elas fícias ou
peça gráfica semelhante.
digitais/vistuais.
23
Para gerar um grid com mais alternativas de diagramas, é indicado que o grid principal seja subdividido igualmente, tanto na vertical como na horizontal, por módulos M em três partes, assim como sua formação original. Tal subdivisão pode ser estendida, caso a peça demande tal artifício.
24
DESENVOLVIMENTO DE PEÇAS AVULSAS
A inclusão de cores pode seguir as paletas indicadas na seção VERSÕES CROMÁTICAS E ASSINATURAS (pgs. 8-13), ou utilizar-se de combinações fluidas entre todas elas, gerando gradientes de forte interesse gráfico/visual.
25
DESENVOLVIMENTO DE PEÇAS AVULSAS
Padrões gráficos e imagens que receberam o tratamento gráfico adequado (pgs. 19-20) podem ser acrescentados à composição como mais uma camada de informação, enriquecendo o desenvolvimento do layout.
26
DESENVOLVIMENTO DE PEÇAS AVULSAS
O posicionamento, alinhamento e dimensionamento das informações devem seguir o grid estabelecido inicialmente para o desenvolvimento da peça gráfica.
27
DESENVOLVIMENTO DE PEÇAS AVULSAS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
.hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
Os alinhamentos das caixas de texto e demais elementos que componham o layout da peça gráfica, devem seguir o grid básico estabelecido no início do projeto. Sua distribuição depende de fatores diversos, como quantidade de conteúdo, ênfase, etc. Contudo é importante salientar a natureza flutuante e permeável dos elementos, que somados devem tanto proteger a identidade visual MEMORIAL DO TRIBUNAL DE CONTAS DO ESTADO DE SÃO PAULO, como passar a informação de forma clara e direta ao leitor.
28
DESENVOLVIMENTO DE PEÇAS AVULSAS
IMPEDIMENTOS
Não reduzir ou ampliar qualquer parte do logotipo.
Não reposicionar ou realinhar qualquer parte do logotipo.
Não alterar a tipografia.
Não alterar os ângulos das hastes M.
Não alterar comprimentos, larguras e alturas de qualquer parte do logotipo.
Não utilizar qualquer outra paleta cromática para a assinatura, que não as listadas neste manual (pgs. 8-13).
É de extrema importância que a identidade visual do MEMORIAL DO TRIBUNAL DE CONTAS DO ESTADO DE SÃO PAULO seja protegida em sua totalidade, seguindo os parâmetros indicados neste manual. Contudo, vale reafirmar enfaticamente que, para além dos parâmetros citados, distorções de qualquer tipo, sendo em sua forma geral, em sua tipografia, em suas correlações/espessuras/proporções, em suas cores, etc. devem ser evitadas firmemente, garantindo a preservação da identidade visual. Acima alguns exemplos do que deve ser evitado.
29
EQUIPE
MEMÓRIA WEB
Regiane Matos CURADORIA
Barbara Daniselli COORDENAÇÃO
Thamara Nunes CONSULTORIA ACESSIBILIDADE
Renata Peña PRODUÇÃO
Paula Fu ADMINISTRATIVO
Alexsandro Souza [DINAMO DESIGN CO] IDENTIDADE VISUAL SINALIZAÇÃO E AMBIENTAÇÃO EXPOSITIVA PROJETO EXPOGRÁFICO
30
MANUAL DE IDENTIDADE VISUAL
DESENVOLVIMENTO