HEALTH COPILOT

Manual de
Identidade Visual

Versão 1.0 · 2026 · Confidencial

Gerado pelo Identity Engine v4 · Digital AI

01Sobre a Marca
02Fundação — Arquétipo e Posicionamento
03Voz e Tom
04Construção do Símbolo
05Versões do Logo
06Área de Proteção + Tamanho Mínimo
07Cores + Escalas 50–900
08Dark Mode — 4 Níveis
09Tipografia + clamp()
10Elementos Gráficos
11Ícones
12Movimento
13Usos Incorretos
14Design Tokens CSS + DTCG
15Aplicações
16Estrutura de Arquivos
17Diretrizes de Entrega
01 — Sobre a Marca brand-manual v1.0

Health Copilot

Health Copilot é uma plataforma de IA médica projetada para devolver tempo ao médico brasileiro. Em vez de substituir o julgamento clínico, funciona como um copiloto — invisível, preciso, sempre disponível.

Premiado no eAwards Brasil 2026 como melhor solução de IA para saúde, o produto nasceu de uma observação simples: o médico perde mais de 40 horas por mês em burocracia que a IA pode absorver.

Posicionamento: O único copiloto de IA clínica com LGPD nativa, setup em 5 minutos e ROI mensurável para o médico brasileiro.
ESSÊNCIA

Amplificar o médico, nunca substituí-lo.

PROMESSA

40 horas devolvidas por mês, mensuráveis.

TERRITÓRIO

Precision Tech + Human Partnership. Dark navy + teal diagnóstico.

ANTI-POSICIONAMENTO

Não é mais um prontuário eletrônico. Não é azul hospitalar genérico (cf. Dr.Copilot).

02 — Fundação brand-manual v1.0

Arquétipo e DNA

Mago Tecnológico (dominante)

Transforma o complexo em simples. Faz parecer mágico o que é engenharia. O médico coloca o estetoscópio e o copiloto cuida do resto — sem que o médico precise entender como.

Sábio (secundário)

Fundamentado em dados, transparente sobre o que sabe e o que não sabe. Nunca promete o que não entrega. Métricas reais, resultados verificáveis.

DNA Visual derivado

ElementoDerivação
Navy #0F1629Profundidade clínica — "abissal" do saber médico
Teal #00C4B4Vitalidade digital — sinal de vida, diagnóstico ativo
ECG como símboloPresença clínica, atividade vital, precisão
Nó neuralIA médica, inteligência conectada
Plus Jakarta SansTech moderno com legibilidade clínica
03 — Voz e Tom brand-manual v1.0

Identidade Verbal

5 Princípios de Redação

01

Métricas concretas. "40h/mês" não "melhora produtividade". "5 minutos de setup" não "fácil de usar".

02

Parceiro, não fornecedor. "Seu copiloto" não "nossa solução" ou "nossa plataforma".

03

Sem medo, sem sirene. Zero vermelho, zero "emergência", zero urgência hospitalar artificial.

04

Complexidade como benefício. "LGPD nativa" = "seus dados de paciente nunca saem do Brasil".

05

Médico como herói. O copiloto amplifica o médico. Nunca substitui, nunca diminui.

Tom por Canal

CanalTomExemplo
Instagram feedParceiro confiante + leveza"Sua consulta das 10h, sem o caos das 9h."
LinkedInPreciso + dados"40h devolvidas. Mensurável. Verificável."
OnboardingGuia + calor humano"Vamos configurar em 5 minutos."
Erro / falhaHonesto + solução"Algo deu errado. Já resolvendo."
CredencialConfiante sem arrogância"eAwards 2026 — e estamos começando."

Taglines

PRINCIPAL

"O copiloto do médico brasileiro"

CURTA

"Copiloto do médico"

INGLÊS

"Your Medical AI Copilot"

04 — Construção do Símbolo brand-manual v1.0

Anatomia do Logo

HEALTH COPILOT
ComponenteEspecificação
TipoCombination Mark (símbolo + wordmark)
SímboloECG + spike + nó neural circular (Pulse Teal)
WordmarkHEALTH COPILOT — caixa alta
FontePlus Jakarta Sans SemiBold 600
Letter-spacing+0.1em (tracking clínico)
AlinhamentoSímbolo à esquerda, wordmark centralizado verticalmente
Viewbox0 0 409 88 (proporção 4.65:1)
Rastreabilidade: O símbolo ECG deriva da Q3 do briefing ("médico como herói, presença clínica"). O nó neural deriva da Q7 ("copiloto de IA"). A paleta Navy+Teal deriva de Q12 ("diferente do Dr.Copilot azul claro").
05 — Versões do Logo brand-manual v1.0

Variantes e Aplicação

ArquivoUsoBackgroundSímboloWordmark
logo-dark.svgUso principal (digital)Abissal #0F1629Pulse #00C4B4Cristal #FFFFFF
logo-light.svgFundo claro (docs, impresso)Cristal #FFFFFFPulsar #00796BAbissal #0F1629
logo-mono-white.svgStories/Reels overlayTransparenteCristalCristal
logo-mono-dark.svgImpressão/papel brancoCristal #FFFFFFAbissalAbissal
icon-only-dark.svgFoto de perfil InstagramAbissal #0F1629 (rx:18)Pulse #00C4B4
icon-only-light.svgFavicon / contexto claroCristal #FFFFFFPulsar #00796B
Regra de seleção: Nunca usar logo-dark.svg sobre fundo branco — o símbolo Pulse (teal claro) tem contraste 2.2:1 sobre branco, violando WCAG AA. Use logo-light.svg com Pulsar (#00796B) nesse caso.
06 — Área de Proteção + Tamanho Mínimo brand-manual v1.0

Espaçamento e Limites

Área de Proteção

A área de proteção é definida por x em todos os 4 lados, onde x = altura da letra "H" do wordmark na escala de uso.

← x →
HEALTH COPILOT

Tamanho Mínimo

MídiaMínimo
Digital (tela)120px de largura
Impresso (offset)30mm de largura
Ícone isolado (digital)24×24px
Ícone isolado (impresso)6mm × 6mm
Abaixo de 120px de largura (digital) ou 30mm (impresso), o wordmark perde legibilidade. Nesse caso, usar icon-only-dark.svg ou icon-only-light.svg.
07 — Cores + Escalas 50–900 brand-manual v1.0

Sistema de Cores

Abissal
#0F1629 · oklch(16% 0.058 253)
Pulse
#00C4B4 · oklch(72% 0.14 184)
Vitalidade
#00C853 · oklch(74% 0.19 145)
Pulsar
#00796B · WCAG 5.32:1 branco
Cristal
#FFFFFF · Texto sobre dark

Escala Abissal

50
100
200
300
400
500
600
700
800
900

Escala Pulse

50
100
200
300
400
500
600
700
800
900

Regras WCAG AA

ParRatioStatusUso
Pulse sobre Abissal14.52:1✓ AAAAccent, ícones, highlights
Cristal sobre Abissal17.05:1✓ AAATexto principal
Pulsar sobre Branco5.32:1✓ AATexto/ícone teal sobre fundo claro
Vitalidade sobre Abissal8.04:1✓ AAACTAs em dark mode
Pulse sobre Branco2.2:1✗ FAILNUNCA usar
Vitalidade sobre Branco2.2:1✗ FAILNUNCA usar
08 — Dark Mode — 4 Níveis brand-manual v1.0

Sistema de Elevação Dark

Health Copilot é primariamente dark mode. O sistema usa elevação pela cor de fundo (mais claro = mais elevado, mais próximo).

Nível 0 — #050810 — Abissal-900 — Fundo mais profundo (modal overlay)
Nível 1 — #0F1629 — Abissal-700 — Background principal (canvas da aplicação)
Nível 2 — #1A2744 — Abissal-600 — Cards elevados, sidebars, painéis
Nível 3 — #26366B — Abissal-500 — Dropdowns, tooltips, overlays leves
Regra de fundo para Instagram: Posts e stories sempre usam Abissal-700 (#0F1629) como fundo. Cards de conteúdo usam Abissal-600 (#1A2744). Nunca usar fundo branco puro como capa de carrossel.
09 — Tipografia + clamp() brand-manual v1.0

Sistema Tipográfico Fluido

NívelFontePesoTamanho (clamp)
Display H1Plus Jakarta Sans700clamp(3rem, 2.2rem + 2.5vw, 4.5rem)
Display H2Plus Jakarta Sans600clamp(2.25rem, 1.8rem + 1.5vw, 3rem)
H3Plus Jakarta Sans600clamp(1.875rem, 1.5rem + 1.25vw, 2.25rem)
Body LGDM Sans400clamp(1.125rem, 1rem + 0.42vw, 1.25rem)
BodyDM Sans400clamp(1rem, 0.9rem + 0.33vw, 1.125rem)
SmallDM Sans4000.875rem (fixo)
Label CapsPlus Jakarta Sans6000.75rem, tracking 0.15em, uppercase
MonoJetBrains Mono4000.875rem (código, dados, CRM)

Tamanhos Instagram

FormatoMínimo bodyMínimo label
Carrossel 1080×108036px24px
Story 1080×192040px28px
Foto de perfil 110×110— (ícone only)
Google Fonts import: ?family=Plus+Jakarta+Sans:wght@400;500;600;700
&family=DM+Sans:wght@400;500;700
&family=JetBrains+Mono:wght@400;500
10 — Elementos Gráficos brand-manual v1.0

Linguagem Visual de Suporte

ECG como Elemento Decorativo

A linha de ECG pode ser usada como elemento de background em baixa opacidade (4–8%) em slides e posts do Instagram. Serve como textura que reforça a identidade sem competir com o conteúdo.

Exemplo de uso do ECG como background decorativo com opacidade 8%.

Opacidade máxima como decoração: 8%. Nunca usar ECG como elemento principal — ele é o símbolo e deve ser reservado para o logo.

Grid e Espaçamento

TokenValorUso
--space-14pxMicro gaps
--space-28pxInline gaps
--space-416pxPadding base
--space-624pxCard padding
--space-832pxSection gap
--space-1248pxBlock gap
--space-2080pxPage padding
11 — Ícones brand-manual v1.0

Sistema de Ícones — 10 SVGs

Grade 24×24px · Stroke 1.5px · linecap/linejoin round · fill: none · stroke: currentColor

pulse
ai-brain
stethoscope
clipboard-rx
shield-check
clock-fast
chart-line
message-bot
dna
award
Regra de cor: Sobre fundo dark: stroke = #00C4B4 (Pulse) ou #FFFFFF (Cristal). Sobre fundo claro: stroke = #00796B (Pulsar) ou #0F1629 (Abissal). Nunca usar fill sólido — outline-only.
12 — Movimento brand-manual v1.0

Identidade de Movimento

Durações e Easing

TokenValorUso
--motion-xs100msCheckbox, toggle, ripple
--motion-sm200msHover states, botões, ícones
--motion-md300msModais, cards, expansão
--motion-lg500msTransições de página, carrosséis
--motion-xl700msAnimações de logo, narrativas
--ease-defaultcubic-bezier(0.4, 0, 0.2, 1)Uso geral
--ease-springcubic-bezier(0.34, 1.56, 0.64, 1)Confirmações, ações IA
--ease-precisioncubic-bezier(0.2, 0, 0, 1)Dados, gráficos

Animação do Logo

0ms–200ms

Linha ECG traça da esquerda (stroke-dashoffset)

200ms–400ms

Spike sobe com spring — scaleY(0→1), ease-spring

400ms–600ms

Nó circular cresce — r: 0→1, ease-spring

600ms–900ms

Wordmark fade+slide — opacity: 0→1, translateX(-8px→0)

Loop idle: pulso leve no nó — scale: 1→1.08→1, 2s, ease-in-out, infinito.
13 — Usos Incorretos brand-manual v1.0

Proibições

ProibiçãoRazão
Pulse #00C4B4 sobre fundo branco como texto/íconeContraste 2.2:1 — viola WCAG AA. Usar Pulsar #00796B
Vitalidade #00C853 sobre fundo brancoContraste 2.2:1 — viola WCAG AA. Banido em textos
Distorção do wordmark (esticar, comprimir)Destrói proporções tipográficas
Rotação do logo ou símboloA linha ECG é horizontal por razão semântica
Gradiente cromático no logo ou símboloIdentidade é flat/tech — sem gradientes de cor
Efeitos (sombra, brilho, relevo, glow)Enfraquece a seriedade do posicionamento médico
Vermelho como cor de marcaAssocia a emergência hospitalar — contrário ao posicionamento
Fundo branco puro em capa de carrossel InstagramViola o território visual dark navy da marca
Formas genéricas (hexágonos, redes de pontos, círculos concêntricos)Banidas pela spec — associadas a concorrentes genéricos de IA
Alterar o azul do Dr.Copilot ou qualquer azul genérico claroDiferenciação estratégica deliberada
14 — Design Tokens CSS + DTCG brand-manual v1.0

Tokens W3C DTCG

Tokens disponíveis em 3 arquivos JSON (primitivo, semântico, dark) e 1 CSS. Caminhos:

tokens/tokens-primitive.json ← cores brutas, espaços, tipografia tokens/tokens-semantic.json ← aliases semânticos (bg, text, border, action) tokens/tokens-dark.json ← overrides para dark mode tokens/design-tokens.css ← CSS vars prontas para uso

Exemplo de uso nos tokens CSS:

/* Import nos projetos */ @import url('tokens/design-tokens.css'); /* Uso */ .card { background: var(--color-bg-elevated); /* #1A2744 */ color: var(--color-text-primary); /* #FFFFFF em dark */ border: 1px solid var(--color-border-accent); /* #00C4B4 */ } .cta-button { background: var(--color-action-cta); /* #00A843 */ transition: background var(--motion-sm) var(--ease-default); } .cta-button:hover { background: var(--color-action-cta-hover); /* #00C853 */ }
15 — Aplicações brand-manual v1.0

Diretrizes por Canal

Instagram

Feed Carrossel 1080×1080

Fundo Abissal-700, padding 80px, logo canto superior esquerdo, ECG sutil 6% em background. Body mínimo 36px.

Story 1080×1920

Padding seguro: 120px topo e base (zona de UI do Instagram). Logo canto superior esquerdo. Body mínimo 40px.

Foto de Perfil

icon-only-dark.svg em fundo Abissal-700. Upload como JPG 1000×1000px (Instagram comprime para 110×110).

Destaque (Capa)

1080×1920px, símbolo centralizado, fundo Abissal-700, label em Label Caps.

Produto / Web

Dashboard

Nível 1 (#0F1629) como canvas. Cards em Nível 2 (#1A2744). Accent Pulse para highlights. Sidebar Nível 2.

Botão Primário

Fundo Vitalidade-600 (#00A843), hover Vitalidade-500 (#00C853), texto Abissal-700, border-radius 8px, transition 200ms ease-default.

Loading / Onboarding

Logo animation — intro 900ms, idle loop no nó neural, fade out 400ms. Fundo Abissal-700 full screen.

Email Signature

Tabela 500px, logo-dark via URL S3, divisor com gradiente Pulse→Abissal, fonte web-safe (Arial).

16 — Estrutura de Arquivos brand-manual v1.0

Entrega de Ativos

health-copilot-identity/ ├── brand-identity.md SSOT │ ├── logos/ │ ├── svg/ │ │ ├── logo-dark.svg │ │ ├── logo-light.svg │ │ ├── logo-mono-white.svg │ │ ├── logo-mono-dark.svg │ │ ├── icon-only-dark.svg │ │ └── icon-only-light.svg │ └── png/ │ └── (mesmos nomes, .png) │ ├── icons/svg/ │ ├── pulse.svg │ ├── ai-brain.svg │ ├── stethoscope.svg │ ├── clipboard-rx.svg │ ├── shield-check.svg │ ├── clock-fast.svg │ ├── chart-line.svg │ ├── message-bot.svg │ ├── dna.svg │ └── award.svg │ ├── tokens/ │ ├── tokens-primitive.json │ ├── tokens-semantic.json │ ├── tokens-dark.json │ └── design-tokens.css │ └── docs/ ├── brand-presentation.html ├── brand-manual.html ├── social-kit.html └── email-signature.html

Formatos e Uso

FormatoQuando usar
SVGDigital — todos os usos. Escalável sem perda.
PNGPlataformas que não aceitam SVG (WhatsApp, LinkedIn).
CSS tokensProjetos web — importar como stylesheet.
JSON DTCGFigma (via Tokens Studio), Style Dictionary, Flutter.
URLs S3 (CDN): Todos os ativos SVG/PNG estão disponíveis via CDN em cdn.digital-ai.tech/uploads/media-cortex/identity/health-copilot/. Use as URLs do brand-identity.md para embeds web.
17 — Diretrizes de Entrega brand-manual v1.0

Notas Importantes

Registro de Marca: Esta identidade visual garante diferenciação dos concorrentes mapeados no briefing, mas NÃO constitui busca ou garantia de marca registrada. Verificar registro no INPI (Brasil), USPTO (EUA) e EUIPO (Europa) antes do lançamento comercial.

Para Design

01

Sempre usar os arquivos SVG como fonte primária. Nunca recriar o símbolo do zero.

02

Verificar contraste WCAG antes de aprovar qualquer variante de cor.

03

Novas aplicações que não estejam neste manual devem seguir os mesmos princípios derivando de tokens existentes.

Para Desenvolvimento

01

Importar design-tokens.css antes de qualquer outro stylesheet de produto.

02

Usar sempre var(--token-name) em vez de hardcode de cores ou tamanhos.

03

Animações: sempre usar os tokens de --motion-* e --ease-* para consistência.

HEALTH COPILOT Brand Manual v1.0 · 2026 · Confidencial · Identity Engine v4 · Digital AI