MANUAL DE NORMAS E IDENTIDADE
INDÍCE 1 IDENTIDADE - Valores - Objetivos - Conceito Visual 2 ELEMENTOS - Versões - Dimensões mínimas - Cor - Aplicações de cor e sobre fundos - Aplicações sobre imagem - Tipografia 3 UNIVERSO VISUAL - Iconografia - Ilustração - Online - Aplicações - Tom de voz 4 OUTROS - Apoios 2
IDENTIDADE ASSENTANDO NOS VALORES E OBJETIVOS DA INICIATIVA, FOI DESENVOLVIDA A IDENTIDADE DO CONCURSO ANUAL DE IDEIAS PARA JOVENS - MUNDAR. Neste capítulo são apresentados os valores da iniciativa e o conceito visual desenvolvido para a mesma. 3
IDENTIDADE VALORES MUDANÇA O Concurso Anual de Ideias para Jovens - MUNDAR procura incentivar os seus participantes a melhorarem o seu futuro, oferecendo uma plataforma onde estes são os próprios criadores da mudança nas suas vidas e na vida de outros. EVOLUÇÃO & INOVAÇÃO MUNDAR procura desafiar os jovens a tomarem as rédeas da sua própria evolução e da evolução das suas vidas. Desafia-os a inovar e a procurar soluções para problemas com que se deparem na sua vida, na sua comunidade, no seu mundo. EXPANSÃO MUNDAR procura expandir-se como uma Bolsa de ideias Jovem, e que sirva de inspiração para todos os jovens que pretendam mudar o seu mundo e dar a conhecer as suas propostas de intervenção. CRIAÇÃO & CONSTRUÇÃO MUNDAR incentiva os jovens a responderem a desafios e problemas através da criatividade e construção de projetos que ofereçam soluções para os mesmos. IDENTIDADE 4
IDENTIDADE OBJETIVOS COMUNICAR MUNDAR pretende dar a oportunidade aos jovens participantes de comunicarem as suas ideias tanto para o Programa Escolhas, como para o público geral. INTRUIR E MOTIVAR MUNDAR pretende prover os seus utilizadores de ferramentas para informar, instruir e inspirar, assim como elevar índices de qualidade. PREMIAR Procura premiar as melhores ideias, incentivando o sentido de empreendedorismo dos jovens. REPORTAR A plataforma MUNDAR oferece a oportunidade de reportar internamente ao Programa Escolhas e externamente aos financiadores. FINANCIAR MUNDAR pretende dar às ideias participantes a credibilidade e exposição necessárias para obter financiamento para as mesmas. IDENTIDADE 5
IDENTIDADE CONCEITO VISUAL Logo. MUNDAR procura ser uma plataforma onde os jovens poderão construir e moldar o seu futuro através de soluções criativas para os desafios com que se deparam. x 1x + 1/2x Assentando nos conceitos de plataforma de criação e construção, e de constante expansão e evolução, o jogo do elástico foi escolhido como representação gráfica para ilustrar os mesmos. Marca. Seguindo os 5 objetivos principais desta iniciativa foi desenvolvida uma grelha de construção de 5x5 pontos, onde todos os elementos gráficos do universo MUNDAR são desenvolvidos, incluindo a própria logomarca. x 4x Assinatura. IDENTIDADE 6
ELEMENTOS A LOGOMARCA MUNDAR REPRESENTA OS SEUS VALORES PRINCIPAIS. Por essa razão, deverá ser aplicado de forma correta, respeitando sempre as suas diretrizes. Neste capítulo são dadas todas as indicações e regras para a implementação dos elementos da identidade MUNDAR. Todas as aplicações da marca que não estiverem aqui contempladas, devem ser submetidas à aprovação prévia do Programa Escolhas e Torke+CC. 7
ELEMENTOS VERSÃO PRINCIPAL VERSÕES 01. VERTICAL 1 1x 2x Sempre que possível deverão ser utilizadas as versões principais, e sobre fundos neutros de modo a garantir a sua legibilidade e melhor apresentação. 4x Preferencialmente, deverá ser utilizada a disposição vertical sempre que o suporte o permita. x 3x 1/2 margem de segurança 02. HORIZONTAL 2x margem de segurança 1x 4x 1/2 x 2x 12x ELEMENTOS 8
ELEMENTOS VERSÃO PRETO E BRANCO VERSÕES 01. VERTICAL 1 De forma a garantir a aplicação do logo MUNDAR sobre vários tipos de suporte, foram desenvolvidas versões secundárias do mesmo. Para aplicações em escala de cinzas poderá ser utilizada esta versão, seguindo sempre a paleta cromática correspondente. margem de segurança 02. HORIZONTAL margem de segurança ELEMENTOS 9
ELEMENTOS VERSÃO 1 COR VERSÕES 01. VERTICAL 1 Sempre que não seja possível utilizar fundos neutros para garantir a legibilidade da versão principal da logomarca, deverão ser utilizadas as seguintes variações. Cor: A aplicação de cor sobre esta versão deverá seguir a paleta da identidade MUNDAR e as indicações dadas para a mesma. margem de segurança 02. HORIZONTAL margem de segurança ELEMENTOS 10
ELEMENTOS * SELO DE CERTIFICAÇÃO Para os certificados de participação foi desenvolvido o selo de certificação MUNDAR, que deverá ser utilizado em todos os suportes deste género. Poderão ser aplicadas as cores da paleta principal MUNDAR, sendo dada preferência a esta*. Certificado Prémio MUNDAR. ELEMENTOS 11
ELEMENTOS TAMANHO MÍNIMO PARA FORMATOS IMPRESSOS - PRINCIPAL 01. COM ASSINATURA DIMENSÕES MÍNIMAS (PRINT) 13mm 21mm A LEGIBILIDADE DA LOGOMARCA MUNDAR E DA SUA ASSINATURA, DEVERÁ SER SEMPRE ASSEGURADA. Devem ser seguidas as dimensões mínimas indicadas para a versão principal em formatos impressos. 02. SEM ASSINATURA 8mm 15mm ELEMENTOS 12
ELEMENTOS TAMANHO MÍNIMO PARA FORMATOS IMPRESSOS - PRETO E BRANCO 01. COM ASSINATURA DIMENSÕES MÍNIMAS (PRINT) Devem ser seguidas as dimensões mínimas indicadas para a versão a preto e branco em formatos impressos. 13mm 21mm 02. SEM ASSINATURA 8mm 15mm ELEMENTOS 13
ELEMENTOS TAMANHO MÍNIMO PARA FORMATOS IMPRESSOS - 1 COR 01. COM ASSINATURA DIMENSÕES MÍNIMAS (PRINT) Devem ser seguidas as dimensões mínimas indicadas para a versão a 1 cor em formatos impressos. 13mm 44mm 02. SEM ASSINATURA 13mm 44mm ELEMENTOS 14
ELEMENTOS TAMANHO MÍNIMO PARA FORMATOS DIGITAIS - PRINCIPAL 01. COM ASSINATURA DIMENSÕES MÍNIMAS (WEB) Devem ser seguidas as dimensões mínimas indicadas para a versão principal em formatos digitais. 208px 128px 02. SEM ASSINATURA 85px 53px ELEMENTOS 15
ELEMENTOS TAMANHO MÍNIMO PARA FORMATOS DIGITAIS - PRETO E BRANCO 01. COM ASSINATURA DIMENSÕES MÍNIMAS (WEB) Devem ser seguidas as dimensões mínimas indicadas para a versão a preto e branco em formatos digitais. 208px 128px 02. SEM ASSINATURA 85px 53px ELEMENTOS 16
ELEMENTOS TAMANHO MÍNIMO PARA FORMATOS DIGITAIS - 1 COR 01. COM ASSINATURA DIMENSÕES MÍNIMAS (WEB) Devem ser seguidas as dimensões mínimas indicadas para a versão a 1 cor em formatos digitais. 208px 128px 02. SEM ASSINATURA 53px 178px ELEMENTOS 17
ELEMENTOS PALETA PRINCIPAL C63 M9 Y16 K0 R91 G181 B208 5BB5D0 C15 M17 Y95 K2 R224 G196 B13 E0C40D C6 M99 Y28 K0 R221 G6 B104 DD0668 C0 M65 Y92 K0 R238 G115 B33 EE7321 * ** * PALETA SECUNDÁRIA C88 M65 Y8 K0 R48 G90 B158 305A9E COR AS CORES DA IDENTIDADE MUNDAR SÃO REPRESENTATIVAS DA ENTIDADE ORGANIZADORA PROGRAMA ESCOLHAS E PRINCIPAL FINANCIADOR ACIDI. A paleta cromática da identidade MUNDAR deverá ser utilizada em todas as suas declinações. *Cores predominantes: Em aplicações visuais da iniciativa MUNDAR, estas deverão ser as cores predominantes, sendo a esta** a principal. C56 M45 Y45 K33 C11 M10 Y15 K0 C3 M3 Y7 K0 C0 M0 Y0 K0 R102 G102 B102 R232 G227 B218 R249 G247 B240 R255 G255 B255 666666 E8E3DA F9F7F0 FFFFFF ELEMENTOS 18
ELEMENTOS PALETA ESCALA DE CINZAS COR Para utilizações a preto e branco poderá ser utilizada a paleta de escalas de cinzas, utilizada para a versão do logo correspondente. C0 M0 Y0 K37 C0 M0 Y0 K25 C0 M0 Y0 K60 C0 M0 Y0 K47 C0 M0 Y0 K78 R161 G161 B161 R191 G191 B191 R102 G102 B102 R135 G135 B135 R56 G56 B56 A1A1A1 BFBFBF 666666 878787 383838 ELEMENTOS 19
ELEMENTOS APLICAÇÕES DE COR E SOBRE FUNDOS A logomarca (tanto na disposição vertical como horizontal) não deverá ser utilizado em fundos de cores que não pertençam à paleta de identidade MUNDAR. *Os gradients a utilizar deverão ser apenas os mencionados nas aplicações permitidas. O mesmo se aplica à utilização de cor sólida sobre a versão a 1 cor (apenas podem ser utilizadas as cores da paleta MUNDAR). ELEMENTOS 20
ELEMENTOS APLICAÇÕES SOBRE IMAGEM Em aplicações sobre imagem, a legibilidade do logo deverá ser sempre assegurada, colocando mesmo sobre uma superfície neutra e o mais homogénea possível. ELEMENTOS 21
ELEMENTOS ASAP REGULAR Aa abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ±! @# $%&/()=?*ºª `~^\ <>,;.:-_ 0123456789 ASAP BOLD Aa abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ±! @# $%&/()=?*ºª `~^\ <>,;.:-_ 0123456789 ASAP ITALIC Aa abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ±! @# $%&/()=?*ºª `~^\ <>,;.:-_ 0123456789 ASAP BOLD ITALIC Aa abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ±! @# $%&/()=?*ºª `~^\ <>,;.:-_ 0123456789 TIPOGRAFIA APENAS É UTILIZADA UMA FONTE PARA APLICAÇÕES DE TEXTO. FONTE ASAP: A fonte Asap é utilizada para todas as aplicações de texto, recorrendo aos seus 4 estilos (Regular, Italic, Bold e Bold Italic), tanto para suportes impressos como digitais. Para títulos e subtítulos deverá ser sempre utilizada a caixa alta e preferencialmente a negrito, sendo que para texto corrido e legendas deverá poderão ser utilizadas ambas as versões. Exceções: Recorrendo à grelha de construção, poderão ser construídas palavras para call-to-action e keywords em aplicações de ilustração (ver pág. 29). ELEMENTOS 22
UNIVERSO VISUAL A IDENTIDADE MUNDAR VIVE ATRAVÉS DO SEU UNIVERSO VISUAL. Neste capítulo são apresentadas as várias representações visuais e composições gráficas da iniciativa MUNDAR, assim como são dadas as regras para a criação e desenvolvimento destas aplicações. 23
UNIVERSO VISUAL A 01. TAMANHO BASE 1 B Na construção de ícones, a espessura do traço deverá ser igual ao diâmetro dos pontos da grelha. Sempre que possível deverá ser utilizada a grelha de 5x5, correspondente à construção da logomarca. No entanto, seguindo o principio de elasticidade, a grelha poderá ser expandida sem limites para grafismos mais complexos. ICONOGRAFIA A ICONOGRAFIA É UMA PARTE INTEGRANTE DO UNIVERSO VISUAL DE MUNDAR. Todos os ícones do universo MUNDAR são desenvolvidos na grelha de construção. 02. TAMANHO BASE 2 UNIVERSO VISUAL 24
UNIVERSO VISUAL ICONOGRAFIA 01. TAMANHO BASE 1 UNIVERSO VISUAL 25
UNIVERSO VISUAL ICONOGRAFIA 02. TAMANHO BASE 2 1 Para formatos web, tal como as formas do logo no seu estado final, os ícones são preenchidos em instâncias de botão ativo. *Exemplo de botão do website UNIVERSO VISUAL 26
UNIVERSO VISUAL ILUSTRAÇÃO AS ILUSTRAÇÕES SEGUEM O ESPIRÍTO E LINHA DE CONSTRUÇÃO DO UNIVERSO MUNDAR. Tal como na iconografia, a grelha poderá ser expandida para desenvolver grafismos mais complexos. Tal como toda a iconografia, as ilustrações MUNDAR são desenvolvidas sobre a grelha. No entanto, mantendo o príncipio de elasticidade e adaptabilidade, as mesmas poderão ser ajustadas sobre a mesma sempre que necessário, sendo possível utilizar pontos intermédios na grelha. UNIVERSO VISUAL 27
UNIVERSO VISUAL UNIVERSO VISUAL 28
UNIVERSO VISUAL x 1x + 1/2x 1x + 1/5x ILUSTRAÇÃO TAMBÉM PODERÁ SER DESENVOLVIDA TIPOGRAFIA NA GRELHA DE CONSTRUÇÃO. Recorrendo à grelha de construção também poderá ser desenvolvida tipografia para palavras-chave. Exemplo de tipografia criada na grelha utilizada no vídeo de incentivo MUNDAR. UNIVERSO VISUAL 29
UNIVERSO VISUAL EXEMPLOS DE ELEMENTOS ONLINE ONLINE Para elementos online deverá ser mantida a linha visual MUNDAR, recorrendo à sua iconografia, paleta de cores e aplicação de imagem. UNIVERSO VISUAL 30
UNIVERSO VISUAL Definir fundo neutro para a colocação do logo. Manter a continuação da foto a preto e branco através de uma forma contrastante definida na grelha. Utilizar forma com cor de constraste ou suporte à principal. Definir forma através da grelha e aplicar efeito de cor. APLICAÇÕES EM TODAS AS APLICAÇÕES VISUAIS, O PRINCÍPIO DE CONSTRUÇÃO MANTÉM-SE, RECORRENDO À GRELHA. Em conteúdos de imagem, a mesma deverá ser introduzida sempre que possível numa forma criada na grelha de construção. Para capas, cartazes e outros suportes onde a imagem ganha um papel predominante e identificativo, deverão ser aplicadas cores sobre a mesma, recorrendo à paleta MUNDAR. EFEITO DE COR: Gradient Map C63 M9 Y16 K0 C30 M100 Y50 K15 Gradient Map C63 M9 Y16 K0 C88 M65 Y8 K0 Gradient Map C63 M9 Y16 K0 C15 M94 Y100 K6 Gradient Map C15 M17 Y95 K2 C33 M33 Y100 K4 Poderá ser utilizada a grelha como elemento gráfico. Black&White Adjustment Mask sobre imagem Grupo (Máscara e Imagem) a 15% de opacidade UNIVERSO VISUAL 31
UNIVERSO VISUAL Exemplo de capa e contracapa. VERSO FRENTE Exemplo de cartaz. Exemplo de banner. UNIVERSO VISUAL 32
UNIVERSO VISUAL JOVEM O Concurso Anual de Ideias para Jovens - MUNDAR fala num tom jovem, informal e animado, sempre direccionado aos seus destinatários principais. PRÓXIMO Fala num tom acessível, amigo, dedicado e próximo dos seus participantes. MOTIVADOR Fala num tom sempre motivador, no intituito de encorajar os seus participantes a chegarem mais longe, a empenharem-se nos seus projetos e melhorarem o seu futuro. Recorre também frequentemente a palavras-chave como CRIAR, CONSTRUIR, ACREDITAR e MUDAR. TOM DE VOZ TAL COMO TODAS A APLICAÇÕES VISUAIS DE MUNDAR, O TOM DE VOZ É IGUALMENTE IMPORTANTE NA TAREFA DE APRESENTAÇÃO DOS SEUS VALORES. Desta forma, toda a comunicação da iniciativa MUNDAR, deverá atender aos atributos de tom de voz aqui mencionados, estabelecendo e reforçando assim a sua personalidade e atitude. Exemplo: TU TENS O PODER PARA MUDAR O TEU MUNDO ATRAVÉS DAS TUAS IDEIAS E PROJETOS. MELHORA A TUA VIDA, ACREDITA, CRIA, CONSTRÓI E MUDA O TEU FUTURO. UNIVERSO VISUAL 33
OUTROS 34
OUTROS Uma parceria: * Promovido por: * APOIOS É IMPORTANTE REPRESENTAR AS ENTIDADES APOIANTES DA INICIATIVA MUNDAR DA FORMA MAIS CORRETA. Para todas as peças onde é necessário apresentar os principais apoios da plataforma MUNDAR, deverá ser sempre seguida a ordem indicada. Financiado por: * *Designações: Em todas as disposições, os logos deverão estar sempre acompanhados das designações correspondentes. Cofinanciado por: * OUTROS 35
Desenvolvido pela TORKE+CC à luz do protocolo de colaboração com o Programa Escolhas. Para qualquer dúvida contactem-nos através do lisboa@torkecc.com, ou escolhas@programaescolhas.pt www.torkecc.com www.programaescolhas.pt mundar.programaescolhas.pt