Padrões de tela
Estados de tela
betaCarregando, vazia, sem permissão e com erro. Uma tela sem resposta para os quatro está incompleta.
Ainda não é estável porque Pendência editorial: oQueE, quandoUsar, quandoNaoUsar; Rota não varrida pelo sensor. Ausência de medição não é aprovação. O contrato de maturidade explica o que cada requisito exige.
Os quatro estados
Uma tela sem resposta para os quatro está incompleta, por mais bonito que esteja o estado cheio. O erro comum é desenhar só o caminho feliz.
| Estado | Componente | Regra |
|---|---|---|
| Carregando | Skeleton | Reserve o espaço que o conteúdo vai ocupar. Um spinner centralizado faz a página saltar quando os dados chegam. |
| Vazia | Empty | Diga o que aquilo é e ofereça a primeira ação. Estado vazio sem saída é beco sem saída. |
| Sem permissão | NoPermission | Não é um estado vazio. O acesso depende de vínculo concreto, então isto aparece em fluxo normal — e precisa dizer o que destrava. Fica em tom navy, nunca destructive: bloqueio por política não é falha do usuário. |
| Com erro | Empty em tom destructive | Diga o que falhou e ofereça tentar de novo. Não exponha detalhe técnico a quem não pode agir sobre ele. |
Lado a lado
Os quatro na mesma casca, para a comparação ser possível sem trocar de página.