O layout padrão do site foi construído com as linguagens de marcação HTML e CSS, e a linguagem de programação JavaScript foi utilizada para a construção das funcionalidades do site.
As páginas terão como elementos padrões o header, composto de menu de navegação e indicador de alertas, header e o footer, além dos elementos de identidade visual citados abaixo:
- Cores: RGB: #30323d, #e8c547, #fafafa;
- font-family: 'Inter', sans-serif;
- Font-size:
- 18px - Header
- 16px - Corpo e Footer
O código utilizado para a construção dos elementos citados, pode ser consultado clicando aqui.
A Home Page Comercial faz uma primeira apresentação a respeito do nosso trabalho, apresentando o produto e planos disponíveis e um campo de contato.
Figura 1 - Home Page Comercial
Figura 2 - Home Page Comercial
A página de Estoque (em construção), utilizada na imagem baixo, utilizada o Layout Padrão. Este layout foi pensado para ser de fácil utilização, reduzindo atritos entre usuários e sistema, mantendo-se igual nas páginas de Estoque, Vendas e Gestão.
Figura 3 - Layout Padrão