Novo Olhar
As cores, as letras e as peças que todas as telas do sistema vão usar. Os números e os nomes desta página são de exemplo.
Marca
A logo original, sempre sobre fundo branco, e o olho sozinho para a aba do navegador.
Cores
Poucas cores: o verde da logo é a cor do sistema, o marrom aparece só nos detalhes e o fundo é sempre branco. Vermelho só para erro e cancelamento.
#1C5845Verde da logo: botões principais, destaques e gráficos#253C2EVerde das artes: títulos e o cartão em destaque#2A6B55Verde do brilho dos botões e do passar o mouse#E8F0ECFundo de etiquetas e do item do menu aberto#704F32Marrom da clínica: botão secundário e detalhes#F4EFEAFundo das etiquetas de pendência#FFFFFFFundo das páginas: branco#FFFFFFCartões, tabelas e formulários#F5F7F6Cabeçalho de tabela e áreas de apoio#1F2A23Texto principal#535C56Texto de apoio#E3E7E5Bordas e divisões#1C5845Pago, confirmado, salvo#704F32A receber, previsto, aguardando#A93A33Erro, cancelado, faltou#FBEAE8Fundo dos avisos de erroLetras
Golos Text nos títulos, Urbanist nos números e botões e Poppins no texto, com 18px. Nenhum texto fica abaixo de 14px, e o botão de acessibilidade aumenta tudo.
Cuidado em cada detalhe
Exames oferecidos
Consultas da semana
Atendimento optométrico completo, com equipamentos modernos e um espaço pensado para o seu conforto.
Atualizado hoje às 08:12.
Botões
Todos com movimento e sombra: crescem ao passar o mouse, afundam no clique, e o verde ganha um brilho que atravessa. Verde para a ação principal; contorno marrom para as secundárias.
Painéis
Indicadores no alto, com o primeiro em destaque, e os gráficos em cartões brancos.
Consultas da semana
Quinta é dia de atendimento em Barroquinha
Entradas e saídas
Últimos 6 meses, em reais
Formas de pagamento
Consultas de outubro
Funil de agendamento
Outubro: a porcentagem é em relação à etapa anterior
Tabelas
Listas de pacientes, atendimentos e lançamentos, com a situação em etiquetas. O CPF aparece mascarado nas listas.
| Paciente | CPF | Data | Origem | Forma | Cobrado | Situação |
|---|---|---|---|---|---|---|
| Ana Beatriz Sousa | ***.482.***-10 | 14/10/2026 | Particular | Pix | R$ 100,00 | Pago |
| Carlos Henrique Lima | ***.105.***-37 | 14/10/2026 | Ótica parceira | Pix | R$ 60,00 | Pago |
| Maria das Graças Rocha | ***.913.***-02 | 15/10/2026 | Particular | Crédito | R$ 105,00 | Pago |
| João Pedro Alves | ***.377.***-81 | 16/10/2026 | Ótica parceira | · | R$ 60,00 | Pendente |
| Francisca Melo | ***.640.***-55 | 16/10/2026 | Particular | · | R$ 100,00 | Cancelado |
Formulários
Campos grandes, fáceis de tocar no celular, com ajuda e aviso de erro embaixo.
Avisos
Confirmações, pendências e erros.