Ilustração
Ilustrações são imagens que transmitem informações graficamente. O objetivo de sua utilização nos sistemas é auxiliar no entendimento de um determinado assunto, complementando o texto. As ilustrações abaixo devem ser usadas, principalmente, para os estados de informações vazias.
Criando uma ilustração
A composição da linguagem visual é a chave para se transmitir a mensagem desejada. É necessário que os elementos utilizados sejam coerentes, criem uma unidade visual harmônica, sejam legíveis e mantenham um padrão de cores.
Paleta
A paleta de cores foi definida com o intuito de elaborar imagens claras, objetivas, transmitindo uma sensação de leveza, que mantenham uma coerência visual com os produtos da suíte, bem como com a identidade visual da Betha Sistemas.
Grid
O sistema de grid utilizado ajuda na construção das ilustrações, bem como delimita o tamanho da imagem criada.
Traços
Os traços das ilustrações têm o arremate e as junções arredondadas. Deste modo, elas possuem um aspecto mais suave. Dentro do limite do grid, utilizam-se traços de 0,75pt até 8pt. As linhas mais finas são utilizadas em detalhes menores, as medianas (de 3pt a 5pt) são utilizadas na composição dos elementos principais da ilustração, já as linhas mais espessas são aplicadas nos itens que cuja ênfase é necessária.
Especificações
O tamanho máximo das ilustrações deve ser 250px de largura, e o tamanho mínimo 85px de largura. A escala deve ser automática, ou seja, altura proporcional à largura.