BrandingBook

Guia de Identidade Visual v1.0
Excelência Integrada em Saúde

Abril 2026
Confidencial
ApexMed Health Technology
Explorar
01 — Introdução

Quem Somos

A ApexMed é uma plataforma SaaS de gestão integrada para clínicas médicas e planos de benefícios, conectando toda a cadeia de saúde em uma experiência única e inteligente.

Missão

Transformar a gestão de saúde através da tecnologia, conectando clínicas, planos e pacientes em uma plataforma única e inteligente.

Visão

Ser a plataforma referência em gestão integrada de saúde na América Latina até 2030.

Nossos Valores

Os Pilares que nos Guiam

Excelência

Buscar o mais alto padrão em cada detalhe do produto e do atendimento.

Integração

Unir pessoas, processos e dados em uma plataforma fluida e conectada.

Confiabilidade

Garantir segurança, estabilidade e sigilo em cada operação da plataforma.

Inovação

Aplicar tecnologia de ponta para resolver os desafios reais da saúde.

Cuidado

Colocar o paciente no centro de cada decisão, com empatia e humanidade.

ApexMed
Simbolismo do Ícone

A Estrela de 5 Pontas

O ícone da ApexMed forma uma estrela de 5 pontas — um pentagrama, símbolo milenar que representa a harmonia entre os cinco elementos (terra, água, fogo, ar e espírito), a proteção e o ser humano em sua plenitude (cabeça, braços e pernas).

Na ApexMed, cada ponta representa um pilar fundamental do ecossistema de saúde:

Clínica
Plano de Saúde
Paciente
Médico
Tecnologia

O nó central — o sexto ponto — representa a ApexMed como o hub que conecta e harmoniza todos os pilares, assim como o espírito integra os elementos no pentagrama.

Posicionamento

Tecnologia que Eleva a Gestão de Saúde

A ApexMed se posiciona como a plataforma de gestão mais completa e inteligente para a cadeia de saúde no Brasil. Unimos automação, integração de dados e design intuitivo para que gestores, profissionais e pacientes tenham a melhor experiência possível — desde o agendamento até o faturamento, passando por prontuários, relatórios e gestão de planos de benefícios.

Público-Alvo

Para Quem Construímos

Gestores de Clínicas

Administradores e proprietários que buscam eficiência operacional e visão integrada do negócio.

Profissionais de Saúde

Médicos, enfermeiros e equipe clínica que precisam de ferramentas ágeis no dia a dia.

Operadoras de Planos

Gestores de planos de benefícios que necessitam controle de rede, custos e qualidade.

Pacientes

Usuários finais que buscam praticidade no agendamento, acesso a resultados e comunicação com suas clínicas.

06 — Cores

Paleta de Cores

As cores da ApexMed traduzem confiança, inovação e clareza. Cada tom foi escolhido para funcionar em interfaces digitais, materiais impressos e apresentações — sempre mantendo contraste acessível e harmonia visual.

Cores Primárias

Indigo Core
#6366F1
RGB: 99, 102, 241
CMYK: 59, 58, 0, 5
Cor principal da marca. Botões primários, links, ícones ativos e acentos de destaque.
Indigo Deep
#4338CA
RGB: 67, 56, 202
CMYK: 67, 72, 0, 21
Hover e estados pressionados. Backgrounds escuros que pedem sofisticação.

Cores Secundárias

Cyan Flow
#06B6D4
RGB: 6, 182, 212
CMYK: 72, 0, 14, 17
Acentos secundários, gráficos, destaques de dados e ilustrações.
Cyan Mist
#CFFAFE
RGB: 207, 250, 254
CMYK: 19, 0, 0, 0
Fundos suaves, badges leves, áreas de destaque com baixa saturação.

Cor de Destaque

Violet Pulse
#8B5CF6
RGB: 139, 92, 246
CMYK: 43, 63, 0, 4
Recursos IA, destaques premium, animações e elementos de diferenciação.

Gradiente

Gradiente ApexMed
CSS: linear-gradient(135deg, #6366F1, #06B6D4)
SVG: x1="0%" y1="100%" x2="100%" y2="0%" — #6366F1 → #06B6D4
Direção: inferior-esquerdo → superior-direito (135°)

Neutros

#F8FAFC
Ghost White
#F1F5F9
Slate 100
#E2E8F0
Slate 200
#CBD5E1
Slate 300
#94A3B8
Slate 400
#64748B
Slate 500
#475569
Slate 600
#334155
Slate 700
#1E293B
Slate 800
#0F172A
Midnight

Feedback

Success
#10B981
RGB: 16, 185, 129
CMYK: 68, 0, 54, 27
Confirmações, agendamentos aprovados, sincronizações concluídas e status ativo.
Warning
#F59E0B
RGB: 245, 158, 11
CMYK: 0, 36, 96, 4
Alertas, prazos próximos, pendências e notificações que exigem atenção.
Error
#F43F5E
RGB: 244, 63, 94
CMYK: 0, 74, 62, 4
Erros, validações, exclusões e estados críticos que bloqueiam ações.
Info
#0EA5E9
RGB: 14, 165, 233
CMYK: 62, 14, 0, 9
Informações contextuais, tooltips, banners educativos e dicas de uso.

Matriz de Contraste WCAG

Verificação de acessibilidade para as combinações mais utilizadas na interface. AA exige ratio ≥ 4.5:1 para texto normal; AAA exige ≥ 7:1.

Combinação Visualização Ratio Normal (AA) Grande (AA) AAA
#0F172A sobre #FFFFFF Aa 17.4:1 Pass AAA Pass AAA Pass AAA
#334155 sobre #FFFFFF Aa 10.2:1 Pass AAA Pass AAA Pass AAA
#FFFFFF sobre #6366F1 Aa 4.6:1 Pass AA Pass AA Fail
#F8FAFC sobre #0F172A Aa 16.5:1 Pass AAA Pass AAA Pass AAA
#475569 sobre #F8FAFC Aa 6.5:1 Pass AA Pass AA Fail
#6366F1 sobre #FFFFFF Aa 4.6:1 Pass AA Pass AA Fail
#FFFFFF sobre #0F172A Aa 17.6:1 Pass AAA Pass AAA Pass AAA
#94A3B8 sobre #FFFFFF Aa 2.7:1 Fail Fail Fail

Combinações Aprovadas

Estas são as combinações de cor validadas para uso em interfaces, apresentações e materiais.

Texto claro em fundo escuro
Uso: Headers, CTAs, seções hero
#F8FAFC sobre #0F172A
Branco sobre Indigo
Uso: Botões primários, badges, banners
#FFFFFF sobre #6366F1
Texto escuro em fundo claro
Uso: Corpo de texto, cards, formulários
#0F172A sobre #F8FAFC
Branco sobre Gradiente
Uso: Seções de destaque, hero banners
#FFFFFF sobre gradiente
Indigo sobre branco
Uso: Links, ícones interativos, labels
#6366F1 sobre #FFFFFF
07 — Tipografia

Tipografia

A tipografia da ApexMed equilibra personalidade e legibilidade. Space Grotesk traz modernidade aos títulos, Inter garante leitura confortável no corpo e JetBrains Mono dá precisão a dados e código.

Space Grotesk Títulos & Headlines
Ag
400 Regular
Ag
500 Medium
Ag
600 SemiBold
Ag
700 Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9
H1

Gestão inteligente de saúde

48px / Bold / 1.15
H2

Conectando clínicas e operadoras

36px / Bold / 1.2
H3

Agendamento automatizado

28px / Bold / 1.25
H4

Relatórios em tempo real

22px / SemiBold / 1.3
H5
Compliance e auditoria
18px / SemiBold / 1.35
H6
Detalhes do procedimento
15px / SemiBold / 1.4
Inter Corpo & Interface
Ag
300 Light
Ag
400 Regular
Ag
500 Medium
Ag
600 SemiBold
Ag
700 Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9
Parágrafo Regular (16px / 400)

A ApexMed revoluciona a gestão de saúde ao conectar clínicas, operadoras e profissionais em uma plataforma inteligente. Nosso sistema automatiza agendamentos, centraliza prontuários eletrônicos e gera relatórios financeiros em tempo real — reduzindo custos operacionais em até 40%.

Parágrafo Médio (15px / 500)

Com integração nativa às principais operadoras do Brasil, a ApexMed elimina a burocracia de autorizações e faturamento. Cada procedimento é rastreado desde o agendamento até a liquidação financeira, garantindo transparência total para gestores e profissionais.

Legenda / Caption (13px / 400)

Dados atualizados em tempo real. Último sync: 14/04/2026 — 08:32. Fonte: API ApexMed v3.2.

JetBrains Mono Código & Dados
Ag
400 Regular
Ag
500 Medium
Ag
700 Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9
ID de Paciente
PAC-2026-041487  •  CPF: 123.456.789-00  •  CRM: 54321/SP
Resposta da API
{
  "paciente": "Maria Silva",
  "procedimento": "Consulta Cardiologia",
  "codigo_tuss": "10101012",
  "valor": 285.00,
  "status": "autorizado",
  "data": "2026-04-14T09:30:00-03:00",
  "operadora": "Unimed",
  "guia_tiss": 789456123
}

Hierarquia Tipográfica Completa

Elemento Fonte Peso Tamanho Altura de Linha Espaçamento
Display Space Grotesk 700 64px 1.1 -0.02em
H1 Space Grotesk 700 48px 1.15 -0.01em
H2 Space Grotesk 700 36px 1.2 -0.005em
H3 Space Grotesk 700 28px 1.25 0
H4 Space Grotesk 600 22px 1.3 0
H5 Space Grotesk 600 18px 1.35 0
H6 / Overline Space Grotesk 600 15px 1.4 0.05em
Body Large Inter 400 18px 1.7 0
Body Inter 400 16px 1.7 0
Body Small Inter 400 14px 1.6 0
Caption Inter 400 13px 1.5 0.01em
Code / Data JetBrains Mono 400 14px 1.6 0
Code Small JetBrains Mono 400 12px 1.5 0
Label / Tag JetBrains Mono 600 11px 1.4 0.08em
Faça
  • Use Space Grotesk apenas para títulos e headlines
  • Mantenha Inter como fonte padrão para todo texto de corpo
  • Aplique JetBrains Mono exclusivamente em dados, IDs e código
  • Respeite a hierarquia de tamanhos definida na tabela
  • Use pesos variados para criar contraste visual dentro do texto
  • Garanta altura de linha generosa (1.5+) para blocos de texto longos
  • Utilize letter-spacing negativo em títulos grandes para manter coesão
Evite
  • Nunca substitua as fontes por Arial, Helvetica ou system fonts
  • Não use Space Grotesk no corpo — é exclusiva para títulos
  • Evite tamanhos abaixo de 12px para texto legível
  • Não combine mais de 3 pesos diferentes no mesmo bloco de texto
  • Nunca use texto todo em maiúsculas para parágrafos longos
  • Evite itálico com Space Grotesk — ela não possui esse estilo
  • Não aplique efeitos de sombra ou outline em textos de corpo
08 — Iconografia

Iconografia

Ícones da ApexMed seguem o estilo outline com traço de 1.5px, pontas arredondadas e grid de 24px. A biblioteca recomendada é Lucide Icons. Abaixo, os 12 ícones customizados do sistema.

Agendamento
calendar + clock
Prontuário
clipboard + cross
Financeiro
trending-up + dollar
Relatórios
bar-chart-2
Beneficiários
users + shield
Médicos
activity / heartbeat
Clínicas
building + cross
Notificações
bell-dot
Configurações
settings / gear
IA / Automação
sparkles
Compliance
shield-check
Integração
git-merge

Especificações Visuais

Border Radius
Extra Pequeno 4px
Pequeno 8px
Médio 12px
Grande 16px
Completo (Pill) 9999px
Sombras
Sutil sm
Média md
Elevada lg
Espaçamento
4px 0.25rem
8px 0.5rem
16px 1rem
24px 1.5rem
32px 2rem
48px 3rem
64px 4rem
80px 5rem
09 — Fotografia

Fotografia e Imagens

A linguagem visual da ApexMed é profissional, humana e tecnológica. Fotografias e imagens devem transmitir inovação no cuidado com a saúde, sempre com iluminação natural e composição equilibrada.

Estilo Fotográfico

Tom

Profissional mas humano, tecnológico mas acessível. A imagem deve transmitir competência sem frieza, modernidade sem distância.

Iluminação

Natural, clara, sem sombras duras. Luz suave e difusa que valoriza rostos e ambientes. Evitar flash direto ou iluminação artificial dramática.

Paleta Fotográfica

Tons frios (azuis, cinzas, brancos) que complementem a identidade da marca. Toques pontuais de cor quente são aceitos para humanizar a composição.

Composição

Reservar espaço para texto (regra dos terços). O sujeito principal deve ocupar um terço da imagem, deixando área livre para overlays e títulos.

O que USAR

Profissionais de saúde

Médicos e enfermeiros em ambientes modernos e bem iluminados. Expressões naturais, interagindo com pacientes ou tecnologia. Tons azulados predominantes.

Tecnologia integrada ao cuidado

Tablets, monitores e dashboards sendo usados por profissionais. A tecnologia como ferramenta, não como protagonista. Gradiente indigo-cyan como referência visual.

Equipes colaborando

Reuniões de equipe, discussões de caso, treinamentos. Diversidade, naturalidade e conexão entre pessoas. Tons neutros e quentes.

Ambientes clínicos modernos

Recepções, consultórios e salas de espera bem iluminados, limpos e organizados. Sem excesso visual, transmitindo cuidado e eficiência.

O que EVITAR

Stock photos genéricos

Sorrisos forçados, poses artificiais, modelos que claramente não são profissionais de saúde reais. Transmitem falsidade e minam a credibilidade.

Estetoscópio isolado

Imagens clichê de estetoscópio no fundo branco, coração com ECG, ou mãos segurando comprimidos. São genéricos e não representam a marca.

Fotos escuras e dramáticas

Imagens com iluminação baixa, sombras pesadas ou atmosfera dramática. Contradizem os valores de clareza e acessibilidade da ApexMed.

Imagens de baixa qualidade

Fotos pixeladas, comprimidas, com marcas d'água visíveis ou resolução insuficiente. Comprometem a percepção de qualidade da marca.

Tratamento — Overlays Aprovados

Para usar fotografias como fundo de seções com texto, aplique um dos overlays aprovados abaixo. Isso garante legibilidade e mantém a identidade visual.

Indigo Gradient Overlay
Texto branco sobre gradiente com transparência
Overlay Indigo → Cyan

Ideal para seções hero e banners de destaque. O gradiente da marca sobre a fotografia reforça a identidade visual.

linear-gradient(135deg, rgba(99,102,241,.88), rgba(6,182,212,.78))

Dark Overlay
Escurecimento para leitura em qualquer imagem
Overlay Escuro

Para qualquer fotografia que necessite de texto sobreposto. O gradiente escuro de cima para baixo prioriza a legibilidade na parte inferior.

linear-gradient(180deg, rgba(15,23,42,.75), rgba(15,23,42,.92))

10 — Comunicação

Voz e Tom

Como a ApexMed fala — em cada e-mail, tela, notificação e peça de marketing. A voz é constante; o tom se adapta ao contexto.

Personalidade da Marca

Profissional mas Acessível

Transmitimos autoridade sem parecer distantes. Cada interação deve deixar o usuário confiante e acolhido.

Técnico mas Não Intimidador

Dominamos a complexidade da saúde, mas explicamos com clareza. Sem jargões desnecessários.

Humano e Empático

Por trás da tecnologia, existe cuidado. Cada funcionalidade existe para melhorar a vida de pessoas reais.

Arquétipos de Marca

Primário

Sage — O Sábio

Busca a verdade e o conhecimento. Guia com dados, inteligência e clareza.

Secundário

Creator — O Criador

Imagina o que não existe e constrói. Inovação com propósito e beleza.

Espectro de Tom

Formal Casual
Sério Divertido
Técnico Acessível
Respeitoso Irreverente

Vocabulário da Marca

✓ Usamos ✗ Evitamos Por quê
Plataforma Sistema / Software Transmite amplitude e modernidade
Beneficiário Paciente genérico Respeita o contexto de operadoras e planos
Integração Conexão Implica inteligência e profundidade técnica
Gestão inteligente Controle Controle soa restritivo; gestão empodera
Compliance Burocracia Valoriza conformidade como vantagem, não peso
Automatizar Substituir Potencializa pessoas, não as elimina
Parceiro Cliente Relação de longo prazo, não transacional
Evolução Mudança Evolução é positiva; mudança pode assustar
Excelência Perfeição Perfeição é irreal; excelência é alcançável
Cuidar Tratar Cuidar é holístico; tratar é clínico e frio
Experiência do beneficiário Atendimento Abrange toda a jornada, não só o momento
Dados em tempo real Relatórios Tempo real transmite velocidade e precisão

Antes e Depois — Exemplos Reais

Headlines

Antes

"Software de gestão hospitalar completo"

Depois

"A plataforma que cuida de quem cuida da saúde"

Antes

"Controle total das suas operações"

Depois

"Gestão inteligente para evoluir cada dia"

Antes

"Agende uma demonstração agora"

Depois

"Descubra como simplificar a sua operação"

CTAs (Call-to-Action)

Antes

"Comprar agora"

Depois

"Comece sua evolução"

Antes

"Cadastre-se grátis"

Depois

"Explore a plataforma sem compromisso"

Antes

"Fale com vendas"

Depois

"Converse com nosso time"

Mensagens de Erro

Antes

"Erro 500: Falha interna do servidor."

Depois

"Algo não saiu como esperado. Já estamos cuidando disso — tente novamente em instantes."

Antes

"Senha incorreta. Tente novamente."

Depois

"A senha não confere. Verifique e tente novamente, ou redefina pelo link abaixo."

E-mail de Boas-vindas

ApexMed

Bem-vindo(a) à ApexMed!

A sua jornada de excelência começa agora.

Olá, Dr. Rafael,

Estamos muito felizes em ter você como parceiro. A ApexMed foi criada com um propósito claro: simplificar a gestão da saúde para que você possa focar no que realmente importa — cuidar de pessoas.

Preparamos um ambiente personalizado para você. Explore a plataforma, descubra cada funcionalidade e conte com o nosso time sempre que precisar.

Acessar minha plataforma

Com cuidado,

Time ApexMed

ApexMed Tecnologia em Saúde • apexmed.com.br • contato@apexmed.com.br

11 — Aplicações

Mockups de Aplicação

Visualizações reais de como a marca ganha vida em cada ponto de contato — todas construídas em CSS puro.

11.1 — Cartão de Visita

ApexMed ApexMed

Ana Carolina Mendes

Diretora de Produto

(11) 98765-4321 ana@apexmed.com.br
ApexMed

11.2 — Assinatura de E-mail

ApexMed

Ana Carolina Mendes

Diretora de Produto

(11) 98765-4321 • ana@apexmed.com.br • apexmed.com.br

11.3 — Tela de Login

ApexMed

Entrar na sua conta

Acesse a plataforma ApexMed

seu@email.com.br
••••••••
Entrar

Esqueci minha senha

11.4 — Dashboard

ApexMed ApexMed
Dashboard
Beneficiários
Agenda
Faturamento
Configurações
Pesquisar...
AC

Pacientes Ativos

2.847

+12% este mês

Agendamentos Hoje

34

8 confirmados

Faturamento Mensal

R$ 487.290

+8,3% vs anterior

Taxa de Ocupação

78%

11.5 — Post para Rede Social

ApexMed

"Tecnologia que cuida de quem cuida da saúde."

apexmed.com.br

11.6 — App Mobile

9:41
ApexMed ApexMed
RS

Olá, Dr. Silva

Terça-feira, 14 de abril

Pacientes Hoje

12

Pendências

3

Próximo agendamento

Maria Fernanda Costa

Consulta de retorno • 14:30

Ver
Início
Agenda
Pacientes
Perfil
12 — Design System

Componentes UI

Biblioteca de componentes interativos com estados reais. Todos seguem as cores, tipografia e espaçamentos da marca.

12.1 — Botões

12.2 — Campos de Entrada

A senha deve ter no mínimo 8 caracteres

12.3 — Cards

Card Padrão

Card com borda sutil. No hover, eleva e ganha sombra mais pronunciada.

Acento Indigo

Borda superior colorida para categorização ou destaque por tipo.

Acento Cyan

Variação com cor secundária para diferenciar seções no dashboard.

12.4 — Badges

Primary Secondary Sucesso Alerta Erro Outline

12.5 — Alertas

Sucesso!

O agendamento foi confirmado com sucesso para o dia 15/04.

×

Informação

Uma nova atualização da plataforma estará disponível em breve.

×

Atenção

A sessão expira em 5 minutos. Salve suas alterações.

×

Erro

Não foi possível salvar os dados. Verifique os campos e tente novamente.

×

12.6 — Tabela

Nome Especialidade Status Agendamentos
Dr. Rafael Souza Cardiologia Ativo 28
Dra. Camila Alves Neurologia Ativo 34
Dr. Marcos Lima Ortopedia Férias 0
Dra. Juliana Costa Dermatologia Ativo 22
Dr. Paulo Neto Pediatria Inativo 0

12.7 — Toggle Switch

Desligado
Ligado

12.8 — Barra de Progresso

Upload de documentos 72%
Sincronização 100%
Processamento 35%
13 — Cheat Sheet

Referência Rápida

Tudo que você precisa em uma única seção. Copie cores com um clique, consulte tipografia e espaçamentos.

Cores

#6366F1
Primary
#06B6D4
Secondary
#8B5CF6
Accent
#0F172A
Dark
#64748B
Slate
#F8FAFC
Light
Gradient
Brand

Tipografia

Space Grotesk

Headings • 700 Bold • 44 / 36 / 28 / 24 / 20 / 18px

Inter

Body • 400 / 500 / 600 • 18 / 16 / 15 / 14 / 13 / 12px

JetBrains Mono

Code / Labels • 500 • 13 / 12 / 11px

Botões

Escala de Espaçamento

4
8
12
16
20
24
32
40
48
64
80

Ícones

Dúvidas sobre a marca?

branding@apexmed.com.br

© 2026 ApexMed — Todos os direitos reservados

Copiado!