Fontes e cores
A família tipográfica serifada é a Georgia, que já é nativa da grande maioria dos sistemas operacionais para desktop ou mobile. Ela foi desenhada em 1993 pelo type designer Matthew Carter para o sistema operacional Windows (portanto, para a tela do computador).
Por ser amplamente disponível, o fallback é a fonte serifada padrão do navegador do usuário. Esse é o tipo de fonte que deve ser usada em textos longos já que sua leitura é mais confortável e menos cansativa em relação à fonte sem serifa, justamente pelo desenho das suas serifas, que direcionam suavemente a leitura.
O tamanho da fonte é 16px, para telas pequenas, e 20px para telas grandes, com espaçamento entre linhas de 160%.
A família de fontes sem serifa é a Roboto, desenvolvida pela equipe de design do Google e lançada em 2012 como fonte do sistema operacional Android. Deve ser usada em todos os outros contextos que não o de textos longos, como em gráficos, legendas e tabelas.
Apesar de contar com grande abrangência para dispositivos mobile, é estabelecido um fallback maior e mais abrangente, uma vez que não se usa a webfont no projeto. O fallback é constituído dessa forma, nessa ordem:
- Roboto (nativa em Android 4.0+)
- Segoe UI (nativa em Windows 7+)
- Helvetica (nativa em MacOS e iOS)
- Arial
- Sem serifa definida pelo padrão do navegador
O emprego de poucas cores é devido à priorização de seu uso nas imagens da consulta. Basicamente, três cores determinam o sistema principal (cinzas, vermelho e verde), do qual deriva um sistema secundário (com mais duas variações de vermelho, verde, amarelo e azul). Há outro sistema de apoio com quatro variações de preto a serem usadas como "sombra" (box-shadow, text-shadow e filter: drop-shadow()). Sugere-se que as cores sejam aplicadas para guiar a navegação do usuário em elementos isolados, como links e botões.
