Fontes
A tipografia é mais do que apenas palavras numa página; é um elemento fundamental que tece o tecido da identidade da nossa marca. Os nossos tipos de letra cuidadosamente escolhidos são os embaixadores silenciosos da nossa mensagem, oferecendo uma voz consistente e reconhecível em todas as nossas comunicações.
Ligações rápidas:
Para além de transmitir informação, o nosso tipo de letra incorpora a essência da nossa marca - uma mistura harmoniosa de limpeza, modernidade e profissionalismo. Nesta secção, exploramos não só os tipos de letra que utilizamos, mas também os princípios que orientam a sua aplicação, garantindo uma representação perfeita e impactante da nossa marca em cada interação.
O nosso sistema de tipografia foi concebido para ser versátil, oferecendo diretrizes fluidas adaptáveis a diversos meios; cada canal possui especificações distintas, adaptadas a partir do nosso sistema global para uma representação coesa mas personalizada da marca.
Simplon
A nossa palete primária constitui a maior parte da nossa criatividade e deve representar os tons mais fortes em qualquer peça.
Norma
A subfamília Norm é o nosso tipo de letra principal e está disponível em 8 pesos.
Mono
Embora exista um conjunto completo de caracteres mono, este só é utilizado com pouca frequência para os números.
Robô
O Roboto é utilizado nos casos em que o Simplon não o pode fazer. Se um tipo de letra do sistema for absolutamente necessário ou exigido, o Roboto é um recurso aceitável.
Fonte impressionante profissional
acessibilidade. É essencial notar que este tipo de letra não substitui os nossos sistemas de ícones dedicados; pelo contrário, deve ser aplicado em situações em que são necessárias soluções baseadas em texto.
Utilize esta página ou o sítio Web do Font Awesome para encontrar, copiar e colar facilmente caracteres de ícones.
O Font Awesome Pro é fornecido com alguns pesos diferentes. Utilizamos apenas Regular ou Sólido e nunca leve, uma vez que estes caracteres só são utilizados em tamanhos mais pequenos para tabelas e gráficos.
A família de fontes inclui centenas de caracteres. Abaixo estão os poucos que são aprovados para utilização em gráficos e tabelas.
Tipo de letra: Font Awesome Regular
Sólido com fontes fantásticas
Cor
Utilização e aplicação
Explore os exemplos de utilização e aplicação abaixo, onde descrevemos as formas corretas e incorrectas de empregar o nosso sistema de fontes e tipografia. No nosso ritmo de design, o conteúdo e a tipografia colaboram como uma dança bem coordenada. Estas regras orientam a forma como a tipografia visual e o design de conteúdos trabalham em conjunto, garantindo que se complementam mutuamente para uma combinação perfeita de legibilidade, estética e identidade da marca. Alguns desafios visuais podem ser resolvidos com alterações de conteúdo e alguns desafios de conteúdo precisam de soluções visuais.
Embora encontre orientações conceptuais, as especificações exactas estão intencionalmente ausentes devido à natureza variada e dinâmica dos meios que a nossa marca abrange. Os departamentos, como o design de impressão ou web, estabelecem as suas próprias especificações com base nestes princípios orientadores para se alinharem com as melhores práticas de cada meio.
Utilize o nosso tipo de letra Simplon Norm Bold em tamanhos grandes para ajudar as nossas declarações heróicas e poderosas a causar um grande impacto.
Utilize o nosso tipo de letra Simplon Norm Bold em tamanhos grandes para ajudar as nossas declarações heróicas e poderosas a causar um grande impacto.
Dê aos títulos grandes muito espaço livre. Deixe a mensagem falar por si própria sem ser impedida por gráficos estranhos ou pela proximidade de outros conteúdos.
As afirmações de impacto, grandes e a negrito, devem ser curtas; 3-5 palavras no máximo. A pontuação pode ser utilizada para criar drama com um ponto final ou uma pergunta. A pontuação e o título das frases devem ser sempre utilizados em conjunto e não devem ser desfasados.
Por vezes, precisamos de fazer uma declaração forte que não tenha 3-5 palavras. Utilize o tipo de letra de peso normal, mas mantenha o tamanho grande, o espaçamento e as regras de pontuação e de caixa.
Os títulos e as declarações de impacto têm um tamanho grande e exigem uma altura de linha mais apertada do que o corpo do texto. Recomenda-se uma altura de linha 100% relativa ao tamanho do tipo de letra, mas pode ser ajustada de acordo com o meio. Evite esticar a altura da linha e comprimir a altura da linha ao ponto de os descendentes e ascendentes se tocarem no texto de impacto.
Os títulos e as declarações de impacto têm um tamanho grande e exigem uma altura de linha mais apertada do que o corpo do texto. Recomenda-se uma altura de linha 100% relativa ao tamanho do tipo de letra, mas pode ser ajustada de acordo com o meio. Evite esticar a altura da linha e comprimir a altura da linha ao ponto de os descendentes e ascendentes se tocarem no texto de impacto.
Não utilize o nosso peso a negrito em tamanhos mais pequenos, uma vez que este apresenta alguns problemas de legibilidade à medida que se torna mais pequeno. Precisamos de manter um elevado nível de contraste e ordem no conteúdo, por isso, utilize o tamanho, a cor e o peso para tornar a página confortável de ler.
Não utilize o tratamento de impacto para dizer o óbvio. Utilize sobretítulos, subtítulos ou proximidade para manter estes blocos no contexto.
SECÇÃO SEGUINTE
A hierarquia é importante
Nem tudo pode ser o mais importante. Utilize a tipografia para guiar o utilizador e fazer da peça um exame rápido ou um mergulho confortável.
Os subtítulos são rápidos de ler e digitalizar
Não tente dizer demasiado num subtítulo semelhante a um título. Dê ao utilizador uma cenoura ou uma pista para ler mais, se assim o desejar. Utilize os títulos de toda a peça como marcadores de quilómetros na história. Se o utilizador percorrer a página inteira ou uma página e só ler os títulos, compreenderá a premissa básica da história? Conseguirá encontrar rapidamente o que lhe interessa?
Os subtítulos devem seguir as mesmas regras de pontuação e de caixa que os títulos principais.
Haverá casos em que será necessário fazer uma declaração secundária ou aninhada. Utilize os mesmos princípios para estes subtítulos. Tal como as declarações de maior impacto, utilize a cor, o peso e o tamanho para criar contraste e hierarquia suficientes no seu texto. Não só porque fica bonito, mas também porque é mais fácil de ler.
A hierarquia é importante
Utilize todas as ferramentas da caixa de ferramentas da marca para fazer brilhar a história.
O tipo limpo mostra a nossa experiência.
- Altura da linha - A altura da linha pode variar e terá de o fazer para meios específicos. Para que o tipo de corpo seja acessível e também confortável e legível, comece com 130% e nunca mais de 155% do tamanho do tipo de letra. O texto da legenda pode ser mais apertado, mas o corpo do texto nunca deve ser mais apertado do que 100%. Uma peça técnica pode exigir uma quantidade significativa de conteúdo num espaço confinado, enquanto uma peça de marketing deve ser sempre mais clara e aberta do que sobrecarregada de conteúdo.
- Altura do parágrafo - Semelhante ao anterior, terá de garantir que isto funciona para o conteúdo e o meio. Dito isto, procure entre 100% e 140% do tamanho do tipo de letra.
- Estilo em linha - O estilo em linha pode dar um toque de ênfase ou foco num corpo de texto maior. Utilize estas técnicas com moderação e tente realçar apenas as palavras-chave.
Se precisarmos de realçar um pensamento ou uma frase inteira, tentamos passar para uma linha completamente nova.
Utilize a cor do tipo para criar uma experiência de leitura confortável e utilize cores que evoquem ação. Nunca utilize uma cor de ação como título. Reserve o azul para acções e ligações e evite utilizá-lo para tipos estáticos. Certifique-se de que revê as seguintes diretrizes de acessibilidade para obter os requisitos de contraste de tipo adequados.
Acessibilidade
Para garantir que o maior número possível de clientes tenha uma experiência consistente, queremos sempre manter-nos o mais acessíveis possível. Uma forma de o fazermos é aderindo às diretrizes WCAG 2.1 relativas aos rácios de contraste do texto.
Em baixo, verá o rácio de contraste mínimo aceitável para as nossas paletes primárias como cores de fundo. Sobrepostas, são apresentadas diferentes cores de texto aceitáveis da nossa palete. Por "mínimo" queremos dizer que identificamos o texto mais claro nos fundos mais claros que podem ser utilizados para cumprir as normas AAA. Esta cor, incluindo qualquer outra mais escura do grupo de tonalidades, pode ser utilizada. E vice-versa para fundos escuros e texto mais claro.
Tenha em atenção que, se a cor do texto for apresentada em negrito, só atingirá os padrões AA e deve ser evitada em aplicações com tipos de letra pequenos e leves.
Estamos a mostrar apenas as cores de texto recomendadas. Os acentos roxos, laranja, amarelos e azul-petróleo não são recomendados para o texto.
Neutros
O seu texto pode ser mais escuro do que qualquer uma das tonalidades indicadas abaixo.
Marinha
O seu texto pode ser mais claro do que qualquer uma das tonalidades indicadas abaixo.
Azul
O seu texto pode ser mais claro ou mais escuro do que qualquer um dos tons indicados abaixo, dependendo da metade da palete que estamos a utilizar.
