Design

  • As imagens abaixo mostram a composição das páginas.
  • A grade de construção orienta sobre o modo construtivo das páginas.

Layout geral

As páginas são compostas por 3 áreas: topo, área de exibição do conteúdo e rodapé.

layout geral do piweb-3
Topo

O topo da página contém a identificação do sistema e o menu de navegação.

A identificação do sistema está posicionada à esquerda e o menu à direita.

Recomenda-se que o menu não tenha mais de 5 ítens, com apenas 1 subnível.

layout geral do piweb-3
Área de exibição

Área de exibição do conteúdo da página.

Composta de breadcrumbs, título da página e demais elementos (textos, formulários, tabelas, etc.)

layout geral do piweb-3
Rodapé

O rodapé da página contém a versão do sistema e a logomarca da Prefeitura de Belo Horizonte.

A versão do sistema está posicionada à esquerda e a logomarca da Prefeitura à direita.

layout geral do piweb-3
Grade de construção

Identificação de elementos e sua disposição.

layout geral do piweb-3

Ver Componentes / Formulários