Kobana

Resumo da conta em uma tela.

Plano atual, valor recorrente, próxima renovação, faturas pendentes, método de pagamento padrão, faturas recentes. Tudo above-the-fold.

Portal
Visão geral com cards principais

Componentes da visão geral

Resumo da Assinatura
Empresa faturadora, plano contratado, valor recorrente formatado, próxima renovação. Botão direto para gerenciar.
  • Empresa faturadora
  • Plano + valor
  • Próxima renovação
Fatura Pendente
Quando há fatura open aguardando pagamento, exibe valor + vencimento + link de pagamento. Sem pendente: "Tudo em dia!".
  • Valor + vencimento
  • Link de pagamento
  • "Tudo em dia!" quando vazio
Método de Pagamento
Tipo do método padrão (cartão / boleto / PIX) com badge Padrão. Botão para gerenciar.
  • Tipo + bandeira
  • Badge Padrão
  • Botão gerenciar
Faturas Recentes
Últimas 3 faturas com status colorido (paga, uncollectible, vencida). Link "Ver histórico completo".
  • Últimas 3
  • Status colorido
  • Link para histórico
Navegação Lateral
Áreas organizadas. Indicador visual da página ativa. Logo + nome da empresa configuráveis via PortalConfig.
  • Áreas organizadas
  • Indicador de ativa
  • Branding via PortalConfig
Identificação do Usuário
Nome da billing account, switcher de tema (claro/escuro), seletor de idioma, botão de logout.
  • Nome da conta
  • Tema claro/escuro
  • Idioma + logout

Portal pronto pra sua marca