Tipografia

A tipografia é fundamental para a marca Smart Chip, pois define a forma como as pessoas veem e entendem a nossa mensagem. Com um estilo visual flexível e em constante evolução, o uso consistente do nosso tipo de letra garante clareza e reforça o reconhecimento da marca.

Descarregar tipo de letra

Tipo de letra

A boa legibilidade e a versatilidade são as principais prioridades na escolha do tipo de letra. O nosso tipo de letra padrão é Manrope, tanto em formato impresso como em dispositivos digitais.

Manrope Regular

Manrope Bold

Manrope ExtraBold

Títulos e texto de apoio

Distinguimos duas áreas de aplicação das nossas regras tipográficas: Notícias em destaque e Texto explicativo.

Notícias em destaque são os títulos em destaque em cartazes, outdoors, faixas e muito mais. O objetivo é chamar a atenção e fazer com que as pessoas parem, olhem e se lembrem.

Texto explicativo é tudo o que vem depois do título. Assim que o título chama a atenção, o texto que o acompanha apresenta os detalhes.

Notícias em destaque

Os títulos são concebidos para serem flexíveis. O seu tamanho não é fixo, dependendo, em vez disso, do layout da grelha, do tamanho do contentor e de outros fatores. Vais saber mais sobre eles na secção sobre Layouts.

Espessura da fonte

Os títulos costumam ser escritos em Manrope Regular.

Quando colocares um título sobre uma imagem, podes usar Manrope Bold ou ExtraBold para teres mais contraste.

Cor

Podes destacar uma parte do título com um gradiente da paleta de cores. Pode ser uma frase inteira ou apenas algumas palavras, mas nunca o título todo. Usa a cor para dar ênfase a um ponto.

Escolhe um gradiente de cores que combine com a imagem. Pode refletir uma cor dominante na imagem, destacar um pormenor marcante ou simplesmente combinar com o ambiente.

Quando colocares o título numa imagem, procura o maior contraste e a melhor legibilidade.

Não coloques cor no texto à força – se o fundo for muito agitado, todo o texto deve ser preto ou branco para ficar o mais claro e legível possível. Só usa texto colorido se estiver num fundo suficientemente sóbrio.

Liderança e Acompanhamento

O espaçamento entre linhas dos títulos é normalmente igual ao seu tamanho. Um título com um tamanho de 50 pt tem um espaçamento entre linhas de 50 pt, por exemplo.

Deixamos o acompanhamento em 0%.

Texto de apoio

O texto de apoio é todo o texto que não seja o título – parágrafos, chamadas à ação e muito mais. Como o próprio nome indica, serve para apoiar o título. Não foi feito para chamar a atenção – essa é a função do título. Em vez disso, foi concebido para transmitir informações adicionais da forma mais clara possível.

Estilos de parágrafo

Existem quatro estilos de parágrafo para o texto de apoio. Foram concebidos para garantir a máxima legibilidade, uma hierarquia clara e para tornar o conteúdo o mais fácil de ler possível.

O texto de apoio fica sempre alinhado à esquerda.

Títulos principais são os títulos grandes e que chamam a atenção. São curtos (normalmente não mais do que cinco palavras) e só deve haver um por página.

Utilização dos títulos principais Manrope Bold ou Super-negrito.

Legendas são usadas para organizar o conteúdo em secções, facilitando a navegação pela informação. Também podes usá-las para destacar pontos-chave ou para chamar a atenção para informações importantes.

As legendas usam sempre Manrope Bold.

Corpo do texto é o estilo padrão para o texto.

O corpo do texto usa a Manrope Regular, mas são permitidas outras espessuras de letra para destacar partes do texto, para dar ênfase a um ponto e para tornar a informação o mais clara possível.

Letras pequenas são os rodapés, as cláusulas de isenção de responsabilidade e tudo o resto que tem de estar presente, mas que não precisa de estar em destaque.

Tal como no corpo do texto, são permitidos todos os pesos de tipo de letra, com Manrope Regular sendo essa a norma.

Tamanhos

Usa o tamanho do texto principal como referência para os outros tamanhos. O tamanho padrão do texto principal é 10pt (impressão) ou 18px/1,12rem (ecrã).

Legendas são duas vezes tão grande. Isso significa um valor padrão de 20 pt (impressão) ou 36 px/2,24 rem (ecrã).

Títulos principais estão entre 3 a 4,5 vezes maior, ou seja, 30 a 45 pt (impressão) ou 54 a 81 px/3,36 a 5,3 rem (ecrã). Escolhe o tamanho que melhor se adequar à quantidade de texto que tens.

Letras pequenas é 0,6 a 0,8 vezes maior.

Liderança e Acompanhamento

Títulos principais e Legendas usa o prefixo 100%.

Corpo do texto ganha um pouco mais de margem de manobra com uma vantagem de 130%.

O número de rastreio é sempre 0%.

Cor

Títulos, subtítulos e texto do corpo são 100% preto ou branco, dependendo da cor de fundo.

Letras pequenas passa-se em Brilho do 70% em fundos claros ou Brilho do 30% nos escuros.

Tal como acontece com os títulos, podes definir os títulos principais e os subtítulos numa cor da paleta de cores. Podes colorir o título todo ou palavras individuais.

Quebras de linha

Usa quebras de linha para dividir títulos principais e legendas. Isso torna-os mais compactos e dá ao texto todo mais espaço para respirar.

Comprimento do título

Mantém os títulos principais curtos. Devem ser concisos e chamar a atenção com apenas algumas palavras, normalmente não mais do que cinco. Se o teu título for mais longo do que isso, talvez deva ser um subtítulo.

Numa página normal, há apenas um título principal.

Comprimentos das linhas

Dividi o texto principal mais longo em duas colunas, mas não mais do que isso. Assim, o comprimento das linhas fica mais fácil de gerir. Tenta 45 a 75 caracteres (incluindo espaços e sinais de pontuação) por linha.

Títulos principais e legendas ocupam sempre todas as colunas.