Barras

Nove barras, um contrato só: faixa de largura cheia, hairline de 1px como única separação, zero sombra. Sombra é do que flutua acima do conteúdo. Barra é estrutura, e estrutura não flutua.

// obra ilustrativa. O Residencial Modelo não é a Times Square da LB in: o avanço de 71,9% no mês 19 de 30 e a área de 22.480 m² preenchem as barras deste preview, e não saem do orçamento da obra piloto.

// 64px de altura. Marca, obra em foco, busca, e ações à direita. A obra em foco fica na barra porque todo dado da tela depende dela, e trocar de obra é o erro mais caro que o operador pode cometer sem perceber.

// o ponto laranja no sino é a única decisão pendente visível na barra. Se cada ícone tivesse um selo colorido, nenhum deles significaria "olhe aqui".

// 48px, fundo mist para descolar do cabeçalho da tabela. A contagem vive à esquerda porque é a primeira coisa que se confere depois de filtrar.

// filtro fica em uma linha só, acima de tudo que ele recorta, nunca dentro de um cartão de gráfico. Filtro por gráfico é a receita para dois painéis discordando na mesma tela.

// o chip de desvio é o único laranja da barra. Ele filtra exatamente o assunto que o laranja representa no sistema, então a cor não está decorando, está classificando.

// abre com ⌘K no mac e Ctrl+K no Windows. Setas navegam, Enter executa, Esc fecha. Toda ação da paleta também existe em botão visível: atalho é aceleração, nunca a única porta.

// só existe quando há seleção. Ela sobe de baixo com 10px de deslocamento, some ao desmarcar tudo, e diz o total selecionado em valor, não só em quantidade de linhas.

// 40px, mono do começo ao fim, fixa no rodapé da janela na aplicação real. Ela responde sem clique as três perguntas de quem opera: em que estou, está salvo, e quanto tem.

// os três estados do led: teal para sincronizado, laranja para desvio que precisa de decisão, vermelho para falha de gravação. Cada um vem acompanhado de texto, porque um ponto de 7px não pode ser a única informação.

// o marco laranja é o "você está aqui", o único uso de laranja em cronograma autorizado pelo DS. Etapa concluída fica teal, etapa futura fica hairline.

// duas pistas, uma escala só, de 0 a 100%. O trecho laranja é o dinheiro que saiu na frente da obra, e é ele que o gerente precisa explicar na reunião de sexta.

// cinco destinos no máximo, alvo de 56px mais 18px de área segura, rótulo sempre visível. Ícone sem rótulo obriga a pessoa a adivinhar, e no canteiro ninguém tem tempo de adivinhar.