Interface Gráfica

Família Tipográfica

Para a família tipográfica, utilizamos a conhecida fonte “Roboto”, presente na maioria dos produtos Google e recomendada na documentação do Material Design.  Familiar para grande parte do público, possui fácil leitura e uma grande variação de estilos (entre elas: light, italic, bold, black e condensed), permitindo maior flexibilidade de uso em textos e títulos.

Sistema de cores

Ícones

Como pacote de ícones, utilizamos o “Font Awesome”, eleito um dos maiores e mais completos pacotes de ícones para desenvolvimento online. Além de leve, possui três variações de estilos (solido, apenas borda e borda fina) e ícones para quase todas as ocasiões.
Recomendamos a utilização de ícones sólidos para ações e identificação da página atual. Ícones vazados para ações complementares (com “status”), como os botões de “favorito”:

Recomendamos a utilização de ícones sólidos para ações e identificação da página atual. Ícones vazados para ações complementares (com “status”), como os botões de “favorito”:
• Possui sua ação inicial como inativo.
• E sua ação final (item adicionado aos favoritos), como ativo.

Quando o FontAwesome não atender situações específicas, recomendamos a
criação de ícones no formato .SVG (vetor), seguindo algumas diretrizes:
• Design sólido e bordas arredondadas (padrão FontAwesome)
• Monocromático
• Ter fácil leitura ao ser aplicado em tamanhos reduzidos (16px)

Copyright 2019 CNJ/TJMT - Todos os direitos reservados