Barra de Navegação e Segmentações

Os próximos três capítulos são onde o dashboard Summit Gear deixa de parecer um trabalho em andamento e passa a ter aparência de produto finalizado. Você seguirá um processo estruturado de polimento em três etapas: aplicação de um tema JSON personalizado para definir cores e fontes globalmente em um único passo, construção de uma barra de cabeçalho personalizada na cor carvão com os botões de navegação embutidos, e, em seguida, a revisão página por página para ajustar cada visual – cartões, gráficos, matriz, tabela, mapa e segmentações. Ao final destes capítulos, você terá um dashboard que transmite cuidado e intenção assim que o usuário o abre.

Neste capítulo, você irá trabalhar a barra de navegação e as segmentações.

Códigos hexadecimais:

• Azul Aço: #4A7C96;
• Carvão: #2D3436;
• Branco: #FFFFFF;
• Cinza Claro (Borda): #E6E6E6;
• Azul Acinzentado (Rótulo de Categoria): #6B7B8D;
• Cinza Claro (Rótulo de Eixo): #605E5C.