← Voltar ao catálogo
08:14●●● 5G
Padrão · home ativa
Acervo ativo · com badge
Reuniões ativa · com dot
Tarefas ativa
Especificação · Tab bar bottom-nav. 5 itens. Badge numérico (<99) ou dot vermelho. Animação underline na aba ativa.
✓ Livemobile
Barra de navegação
Showcase do componente bottom-nav em 4 estados: padrão, com badge numérico, com dot vermelho, e cada aba ativa.
Status no app
✅ Esta tela já existe no app real. O mock aqui é um espelho pra fins de design e documentação.
Elementos da tela6 elementos
01
Tab Início (home)
Ícone casa + label. Default da app.
Interação
Toque vai pra /home (já visível, não recarrega).
02
Tab Acervo (processos/casos)
Ícone pasta + label.
Interação
Toque vai pra /processos ou /casos.
03
Tab Reuniões
Ícone microfone + label. Badge numérico se houver gravação processada não lida.
04
Tab Tarefas
Ícone check + label. Dot vermelho se há crítica vencendo hoje.
05
Tab Mais
Ícone ⋯ + label. Abre menu (Perfil, Contatos, Configurações, etc).
06
Botão central FAB (opcional)
Microfone destacado pra gravar — atalho global.
Interação
Toque vai pra /gravador-gravando direto.
Jobs to be doneAtores e objetivos · passo a passo
Advogado em qualquer tela do app
Navegar entre seções sem voltar pra home
- 1Toca na aba desejada na barra inferior
- 2Tela troca instantaneamente
Advogada que notou dot vermelho em Reuniões
Verificar se há gravação nova processada (não-lida)
- 1Vê dot pulsante na aba Reuniões
- 2Toca na aba
- 3Vai pra lista de reuniões com itens não-lidos no topo
- 4Abre a reunião pra ver ata
Advogado que precisa criar tarefa rápida sem perder contexto
Pular pra Tarefas e voltar pra tela atual sem confusão
- 1Está em /caso-detalhe
- 2Toca na aba Tarefas
- 3Cria a tarefa nova
- 4Volta pelo back · cai de volta no caso onde estava
Advogada que quer abrir Configurações ou Perfil
Acessar menu "Mais" pra opções que não cabem na barra principal
- 1Toca na aba "Mais" (⋯) à direita
- 2Vai pra /profile (default do Mais)
- 3A partir dali pode ir pra settings, contatos, radar, etc
Advogado em qualquer tela com ideia urgente pra gravar
Iniciar gravação imediatamente pelo FAB central de microfone
- 1Vê o botão de microfone central destacado
- 2Toca no FAB
- 3Vai direto pra /gravador-gravando · gravação inicia
Sócia voltando pra Início depois de explorar várias telas
Voltar pra Home com 1 toque sem usar back múltiplas vezes
- 1Está em 3 níveis de navegação aninhados
- 2Toca em "Início" (🏠) na tab bar
- 3Vai direto pra /home · histórico de navegação não importa
Fluxo no appOnde essa tela se conecta