braggo
Atualização Novembro de 2026

Identidade visual renovada e nova experiência pública

Esta versão renova toda a identidade visual das páginas públicas com a paleta preto + âmbar, adiciona um novo tema ao painel e corrige detalhes de exibição da logo e sidebar.

Landing page

Página inicial com fundo preto

O fundo da landing page foi migrado de azul-marinho escuro para preto puro (#000), reforçando a identidade de marca. O âmbar se destaca ainda mais sobre o preto, tornando a chamada à ação mais impactante.

braggo
Landing page
Autenticação

Login e cadastro com tema escuro

As páginas de login e cadastro (de barbearia e de cliente) foram redesenhadas com a paleta preto + âmbar. Inputs com fundo translúcido, borda âmbar no foco, botão principal em âmbar preenchido e a logo braggo com o "go" em destaque.

LoginCadastro de barbeariaCadastro de cliente
Página pública da barbearia

Experiência pública toda em preto + âmbar

A página pública acessada pelo cliente (/barbearia/slug) foi atualizada: header escuro com borda sutil, botão "Entrar" em âmbar, cards de serviço com borda âmbar ao selecionar, seletor de datas e horários com paleta consistente. O cadastro de novo cliente nessa mesma rota também seguiu o mesmo visual.

/barbearia/:slug/barbearia/:slug/cadastrar
Correção

Logo da barbearia exibida com clareza no header

A logo da barbearia estava sendo usada como elemento decorativo de fundo (opacidade reduzida, sobreposição nos botões). Agora é exibida como imagem real e visível ao lado do nome e telefone — sem ocultar a identidade da barbearia nem atrapalhar os botões de ação.

Header públicoLogo visível
Novo tema

Tema "Preto" — preto + âmbar no painel

Adicionado um quarto tema ao painel: Preto. O ciclo agora é Claro → Escuro → Cinza → Preto. O tema preto usa fundo #000, superfícies em #111 e o âmbar como cor de destaque — sidebar escuro com acento âmbar nos itens ativos.

PainelPortal do cliente4 temas
Correção

Botões de modal com visual correto

Os botões de confirmação e cancelamento dentro de modais estavam com o estilo padrão do navegador. Os estilos .btn-primario e .btn-secundario foram elevados para estilos globais, aplicando-se corretamente em qualquer modal do sistema.

ModaisEstilos globais
Correção

Telefone visível no sidebar

O número de telefone da barbearia exibido no sidebar estava praticamente invisível — usava uma cor de texto pensada para fundos claros. Corrigido para branco translúcido que funciona em qualquer tema escuro.

SidebarTodos os temas escuros