miv cesup
DESCRIPTION
Manual de Identidade de Marca do CESUPTRANSCRIPT
Identidade de MarcaÉ o conjunto de elementos formais que representa visualmente umainstituição, um produto ou serviço.O manual de identidade visual é um documento técnico que apresenta as recomendações, especificações e normas para a utilização de determinada marca.Seu objetivo é preservar propriedades visuais da marca e facilitar sua correta identificação e reprodução.
>> Conteúdo
Ma
nu
al d
e Id
enti
da
deImagem CESUP 06
Logo 07Proporções Gráficas 08
Área de Reserva 09Redução Mínima 10
Acompanhando logo da UFRGS 11Preto e Branco 12Usos Proibidos 13
Cores 14Aplicação sobre fundos diversos 15
Tipografia 16Material de Expediente 17
Papel Timbrado 17Envelope 18
Capas de CDs 19Certificados 20
Cartões de Visita 21Apresentação Power Point 22
Brindes 23Programas dos Cursos 24
Recibos 25Elementos do Site 26
06
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | Im
ag
em CESU
P
Imagem
Símbolo
Logo
Marca CESUP
Assinatura
07
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | L
og
o
Logo O logo e o símbolo do CESUP são independentes. Sendo respeitadas suas proporções (página 8),
não é obrigatório que sejam reproduzidos juntos.
Com símbolo (horizontal e vertical)
Logo sem símbolo
Símbolo pode ser apresentado em duas versões:
Imagem Vetorial
Logo pode ser apresentado em duas versões:
Quando aplicado sozinho ou em destaque, o símbolo pode ser extrapolado.
08
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | Lo
go
: Prop
orçõ
es Grá
ficas
Proporções As proporções dos elementos que constituem a marca nunca deverão ser alteradas, nem
se permitirá integrar outro elemento gráfico no interior da área definida.
1x
6x
6x
6x
14x
9x
4x
6x
8x
09
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | L
og
o: Á
rea
de
Res
erva
Área de Reserva A marca deverá ser reproduzida com uma área de proteção branca quando aplicada sobre
fundos fotográficos ou que dificultem sua legibilidade.
1x
1x
1x
1x
1x
1x
1x
1x
1x
1x
1x
1x
10
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | Lo
go
: Red
uçã
o M
ínim
a
Redução
Foi estabelecido um tamanho mínimo para a redução para garantir a manutenção da legibilidade da marca. Em nenhum caso, a marca poderá ser aplicada numa medida menor que a indicada.
2 cm
3 cm
CESUP - Centro Nacional de Supercomputação
Com símbolo:
Sem símbolo:
Por ser baseado em uma fonte, quando apresentado da maneira abaixo, o nome do CESUP poderá ser reduzido de acordo com a fonte desde que não haja prejuízo para sua legibilidade.
Sugere-se que não seja reproduzido em tamanho de fonte menor que 7.
CESUP - Centro Nacional de Supercomputação
10 pt
7 pt
11
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | A
com
pa
nh
an
do
log
o d
a U
FRG
S
+ UFRGS Utilizado em documentos oficiais e sinais de identidade visual permanentes da universidade.
Brasão
Marca Promocional
Tipografia: Garamond NarrowCor: C 100 Y 35 M 0 K 20 Pantone 223-1 CVS(pode ser apresentado em azul, preto e branco)
Utilizado eventos, campanhas, projetos e promoções de duração limitada.
Tipografia: Futura Black Futura BoldCores: Azul C 100 Y 35 M 0 K 20 Pantone 223-1 CVS Vermelho C 0 Y 100 M 100 K 0 Pantone 73-1 CVS
Disposição do brasão na página deve respeitar a seguinte prioridade:(1) centralizado superior;(2) esquerda superior;(3) centralizado inferior;(4) esquerda inferior.
Área de reserva
Área de reserva
A marca promocional pode ser aplicada em qualquer área de suporte, contanto que seja maior ou igual à marca que a acompanhe (quando houver).
UFRGS - Programa de Identidade Visual: Brasão O�cial e Marca PromocionalFlávio V. Cauduro e Joaquim T. B. da Fonseca
12
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | Lo
go
: Preto e B
ran
co
Preto e Branco
O símbolo em preto e branco acompanhando o logo, tanto nas versões negativa e positiva, será sempre vetorial.
Logo invertido
13
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | L
og
o: U
sos
Pro
ibid
os
Usos Proibidos Logo
Aplicado sobre imagens
Aplicado sobre cores diversas
A marca não deverá apresentar alterações nas suas cores que não sejam as previstas por este manual.
Para preservar sua visibilidade, a marca não deverá ser aplicada diretamente sobre fundos fotográficos.
Nesses casos, recomenda-se a sua reprodução com uma área de reserva branca (página 09).
A marca não deverá ser reproduzida em fundos que não apresentem contraste ou que prejudiquem sua legibilidade.
14
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | Co
res
Cores O logo do CESUP só se apresenta em preto e branco.
Para uso institucional, admite-se a aplicação de cores pinçadas do símbolo.
Preto 100%Hexadecimal: #000000
Pantone 653CC 92 M 72 Y 26 K 0Hexadecimal: #32588C
Pantone 1797CC 14 M 96 Y 91 K 4Hexadecimal: #C82128
Pantone 283CC 42 M 13 Y 0 K 0Hexadecimal: #B0CEF2
Pantone 555CC 83 M 45 Y 90 K 9 Hexadecimal: #486E45
Para o logo vetorial, admite-se a aplicação de outras cores (preferencialmente as institucionais), contanto que a visibilidade não seja prejudicada.
15
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | C
ore
s: A
plic
açã
o s
ob
re F
un
do
s
Aplicação A marca poderá ser aplicada sem sua área de reserva quando aplicada sobre fundo de somente
uma cor, sempre optando pela versão com maior contraste com o fundo.
Para não prejudicar a legibilidade do símbolo, quando aplicado em fundos coloridos, a versão adotada deverá ser obrigatoriamente a vetorial.
Sobre cores diversas
Símbolo
O símbolo em sua versão imagem pode ser aplicado sem área de reserva apenas sobre preto, branco e tons de cinza.
Sobre tons de cinza
Preto 20% Preto 50%Preto 40%Preto 30%
Preto 90%Preto 80%Preto 70%Preto 60%
O logo em sua versão branca pode ser aplicado sobre os tons de cinza a partir de 20%.
16
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca
Tipografia O logo é baseado na fonte Ubuntu Title, open font, não serifada e recomendada para títulos.
Ubuntu Titling Bold
ABCDEFGHIJKLMNOPQRSTUVXWYZabcdefghijklmnopqrstuvwxyz1234567890!”@#%¨&*()[]{}?^~´`;:.,<>?
Mayberry Pro Semibold
ABCDEFGHIJKLMNOPQRSTUVXWYZabcdefghijklmnopqrstuvwxyz1234567890!”@#%¨&*()[]{}?^~´`;:.,<>?
A fonte auxiliar, utilizada no material de expediente definitivo ou promocional, é a May-berry Pro Semibold. Fonte não serifada, levemente condensada, que permite mais legibili-dade tanto em colunas menores de textos quanto em baixas resoluções.
A fonte auxiliar, utilizada no material de expediente produzido cotidianamente, é a Arial. Fonte não serifada, encontrada em quase todos os computadores, o que facilita a edição dos documentos por qualquer servidor do CESUP. (Aplicada a: papel timbrado, programas dos cursos, apresentações de slides e certificados)
Arial
ABCDEFGHIJKLMNOPQRSTUVXWYZabcdefghijklmnopqrstuvwxyz1234567890!”@#%¨&*()[]{}?^~´`;:.,<>?
17
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | M
ate
ria
l de
Exp
edie
nte
Papel Timbrado
O material de expediente é a maneira como nos apresentamos para nossos usuários, alunos, outras unidades da universidade e público em geral.
Av. Osvaldo Aranha, 99 CEP: 90035-190, Porto Alegre – RS Tel: +55 (51) 3308-3350 – FAX: +55 (51) 3308-4269
Introduçãoà Linguagem Fortran 90/95
Curso à distância
DATAS de 20 de maio a 21 de junho
CARGA HORÁRIA 30 horas
TAXA DE INSCRIÇÃO R$ 80,00
MAIS INFORMAÇÕES (51) 3308-3350 [email protected]
Professor
Rudnei Dias da Cunha é doutor em Ciência da Computação pela University of Kent at Canterburry (Canterburry, Inglaterra), com pós-doutorado pela mesma universidade. Atualmente, é professor associado II e diretor do Instituto de Matemática da UFRGS. É autor do livro Programação Científica em Fortran 95, da editora Clube de Autores. Currículo Lattes do professor Rudnei.
1
Traz o endereço à esquerda e o logo à direita no cabeçalho como marca d’água.
18
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | M
ateria
l de Exp
edien
te
Envelope
Centralizado na frente do envelope, o conjunto é composto pelo símbolo vetorial, pelo logo e pelo endereço.
O símbolo, embora em destaque, deve ter a mesma altura do resto das informações do conjunto e a mesma largura do logo.
Endereço alinhado à esquerda, respeitando o limite de tamanho do logo.
19
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | M
ate
ria
l de
Exp
edie
nte
Capa CD
Largura do logo é igual à do símbolo
Verso
Símbolo da mesma altura das informações sobre o CESUP
Frente
20
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | M
ateria
l de Exp
edien
te
Certificados
CENTRO NACIONAL DE SUPERCOMPUTAÇÃO
CERTIFICADO
Certificamos que NOME DO ALUNO participou do curso de NOME DO CURSO, ministrado no período de 00 de mês a 00 de mês de 2000, com duração de 00 horas-aula, no Centro Nacional de Supercomputação.
Denise Grüne EwaldDiretora do CESUP
Brasão da UFRGS centralizado, cumprindo as determinações do manual de identidade visual da universidade
Moldura com os cantos arredondados, mantendo a linha adotada nos botões do site, bem como no formato dos cartões de visita
Marca d’agua do símbolo extrapolado à direita, com 40% de preto para garantir sua impressão
Logo no canto esquerdo alinhado ao texto
Títulos centralizados em Arial Bold
Corpo do texto justificado em Arial Regular, exceto pelos nomes do aluno e do curso em Itálico
21
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | M
ate
ria
l de
Exp
edie
nte
Cartão de Visitas
Frente
Verso
5,5 cm
9 cm
Texto em Mayberry Pro Semibold alinhado à direita, sendo o nome destacado acompanhado ou não de setor, cargo ou título (à escolha do servidor)
Símbolo extrapolado à esquerda.
Logo na vertical ocupando pouco mais da metade da altura do cartão.
Nome SobrenomeCARGO
Setor
Nome SobrenomeTÍTULO + CARGO
Setor
Nome Sobrenome
Nome SobrenomeSETOR
Nome SobrenomeSETOR
Cargo
Nome SobrenomeTÍTULO + CARGO
Nome SobrenomeCARGO
[email protected]+55 51 3308 0000
www.cesup.ufrgs.br
Disposições alternativas:
22
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | M
ateria
l de Exp
edien
te
Power PointTexto alinhado à direita, em Arial para facilitar a edição em qualque computador.Título = título da apresentação;subtítulo = nome do autor.
Símbolo extrapolado, como marca d’água
Detalhe que remete ao site
Texto na mesma cor do fundo para destacar título da apresentação em branco
#32588c (fundo)
Font family: Arial #FFFFFF
Cores ‘CAPA’:
#32588c (título)Estilo: Bold
Font family: Arial #000000
Título centralizado;Texto alinhado à esquerda
23
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | M
ate
ria
l de
Exp
edie
nte
Brindes Para a aplicação da marca em brindes ou materiais promocionais, sugere-se o uso da sua versão vetorial, já que ela é melhor visualizada em tamanhos menores e oferece mais possibilidades de usos de cores.
Priorizando a sua perfeita legibilidade (tamanho e contraste com o fundo), a marca não necessariamente precisa ser aplicada em suas cores institucionais.
Ela pode ser utilizada de acordo com a linha de comunicação adotada para o evento para o qual os brindes foram confeccionados.
A composição do logo vetorial pode ser adaptada à comunicação de uma data ou evento comemorativo.
24
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | M
ateria
l de Exp
edien
te
Programas
O nome do curso deve ocupar a mesma altura do seu logo à esquerda
Cabeçalho aparece em todas as páginas
As demais informações acerca do curso são separadas por sessões;o título de casa sessão é maior que o restante do seu texto.
As informações básicas do curso são destacadas entre linhas;
os itens são apresentados em caixa alta e negrito.
Ícone indica a modalidade do curso
As datas e horários das aulas (presencial) ou chats (a distância) são apresentados em tabelas
25
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | M
ate
ria
l de
Exp
edie
nte
Recibos
Altura do texto deve ser a mesma do símbolo do CESUP à esquerda;
O símbolo deve ser o vetorial para não prejudicar sua visibilidade na impressão
Os nomes das instituições devem aparecer em negrito, sendo o da universidade maior que o do CESUP.
26
>>
Ma
nu
al d
e Iden
tida
de d
e Ma
rca | Elem
ento
s do
Site
Site Logo extrapolada: amplia o espaço e proporciona um ar mais moderno;à esquerda: tendência de posicionamento da logo em sites*;link para página inicial.
Links para gerenciar página e acessar webmail do CESUP
Ordenados de acordo com a importância ou probabilidade de acesso (seguindo o fluxo de leitura)*
Submenu drop down: informação mais intuitiva.*
A divulgação de notícias ou cursos se apresenta num carrossel abaixo do menu, sempre contendo um imagem de chamada à esquerda (com link para página com maiores informações) acompanhada de um breve resumo sobre o evento.
965 px
201 px
75 px
330 px
965 px
93 px
NOTÍCIAS
CURSOS
#6E6E6EFont family: Sans-serif
#FFFFFF
Cores RODAPÉ:
#32588C
Font family: Sans-serif #FFFFFF#32588C (mouse over)
Cores MENU:
#B8CCEB (mouse over)
#32588C (detalhe lateral)
Font family: Sans-serif
#32588C
Cores BANNER:
#F9F9F9 (fundo)
(Em ‘cursos’: Bold)
Links para sites da UFRGS e do SINAPAD
Informações de contato resumidas
Links para as redes sociais
*Usabilidade aplicada à nova interface do site do CESUP.Daiana Vivan, mestre em Design e Tecnologia da UFRGS
27
>>
Ma
nu
al d
e Id
enti
da
de
Vis
ua
l | E
lem
ento
s d
o S
ite
Site 128 px
128 px
200 px
600 px
#CCCCCC (fundo)
Font family: Sans-serif #666666 (títulos: Bold)
Cores CAIXA INFORMAÇÕES:
#CB2227(botão)
#000000 (informações)#FFFFFF (botão: CAIXA ALTA)
142 px
Cursos
Informações básicas do curso destacadas para facilitar o acesso dos usuários
#D9D9D9Cor CAIXA LOGOS:
Histórico
Hardware
Ano e imagem do cluster à esquerda acompanham breve texto sobre CESUP na época referida.
Ícone indica modalidade do curso
Imagem possui áreas clicáveis que identificam componente e configuração da máquina.
Quando se clica em uma parte, a área se apresenta destacada e se
tem acesso a mais detalhes da configuração do cluster.
400 px
#32588CFont family: Myriad Pro
Cores ANO:
(Estilo: Bold)
64 px
64 px
90 px
90 px
Para padronizar sua apresentação e disposição no site , os logos dos cursos são apresentados em quadrados com os cantos arredondados
35 px
128 px
Botões são substituídos de acordo com o
andamento do curso
Os ícones clicáveis das sessões ‘Resultados e Estatísticas’ e ‘Manuais’ também se apresentam nesse formato, mas com tamanhos diferentes
289 px