Identidade Visual · Brand Guidelines Brand Book · 2026

Identidade Visual · Brand Guidelines

Brand Book · 2026

Uma plataforma moderna e inovadora que facilita o relacionamento entre médico e paciente.

XPDoctor Clinic Uso interno e parceiros autorizados

01 — Logotipos

Logo & Versões

Versões organizadas para fundos escuros, claros, gradientes e aplicações digitais. Os logos principais usam os arquivos oficiais da marca.

XPDoctor Clinic branco
XPDoctor — Versão Principal Fundo escuro · uso preferencial
XPDoctor Clinic colorido
XPDoctor Clinic — Colorido Fundo claro · versão colorida
XPDoctor Clinic branco monocromático
XPDoctor — Monocromático Branco Fundo colorido · versão branca
XPDoctor Clinic branco sobre fundo oficial
XPDoctor Clinic — Branco Fundo escuro · versão branca
XPDoctor Clinic navy em fundo claro
XPDoctor — Versão Navy Fundo claro neutro
XP
Ícone — Círculo & App Icon Favicon, avatar, ícone de app

02 — Paleta de Cores

Brand Colors

Cores principais alinhadas ao material de identidade original, com gradientes para superfícies digitais, backgrounds e destaques institucionais.

NAVY
#142E4CR:20 · G:46 · B:76
Primária
TEAL
#3EABB5R:62 · G:171 · B:181
Secundária
BLUE
#288BC5R:40 · G:139 · B:197
Gradiente
MINT
#4BB7A9R:75 · G:183 · B:169
Acento
BLACK
#000000R:0 · G:0 · B:0
Neutro
Gradient Primary#288BC5 → #4BB7A9 · 135°
Gradient Dark#142E4C → #3EABB5 · 135°
Gradient FullTeal → Mint → Blue · 90°

03 — Tipografia

Fonte Oficial

A hierarquia combina uma fonte display forte para marca e títulos com uma fonte de leitura limpa para UI, descrições e textos institucionais.

Fonte Principal · Display

LEMON
MILK

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

0 1 2 3 4 5 6 7 8 9

Display · LemonMilk 700

Saúde Mental Digital

USE PARA: Títulos, headings, logotipo, marcas e rótulos institucionais.

Body · DM Sans 400/500

Conectando médicos e pacientes com tecnologia segura, humana e eficiente.

USE PARA: Textos corridos, parágrafos, UI, descrições e legendas.

Scale · Hierarquia

H1 — 32px H2 — 24px H3 — 16px Body — 15/16px · DM Sans LABEL — 11px · tracking wide

Combinação Recomendada

Sua saúde mental em boas mãos

Plataforma digital certificada para médicos e pacientes.

04 — Ícone & Construção

Anatomia do Logo

Elementos visuais que sustentam reconhecimento: símbolo XP, ponto separador, assinatura Clinic e aplicação completa.

XP

Símbolo XP

Forma principal para reconhecimento em espaços reduzidos.

P

Símbolo P

Curva proprietária que reforça a estrutura do monograma.

DOT

Ponto separador

Marca o ritmo visual entre símbolo e assinatura verbal.

Marca completa XPDoctor Clinic
Marca completa XP· Versão prioritária para materiais institucionais, apresentações, documentos e páginas públicas.

05 — Uso Correto

Diretrizes de Aplicação

Regras rápidas para manter legibilidade, contraste e consistência em qualquer material da marca.

Fundos Permitidos

Navy (#142E4C) · Branco (#FFF) · Gradiente Teal→Mint · Tons claros neutros acima de 90% de luminosidade.

🚫

O que Evitar

Não distorcer proporções. Não aplicar sobre fotos sem overlay. Não alterar as cores do gradiente. Não usar versão colorida em fundos escuros que não sejam Navy.

📐

Espaço de Proteção

Manter uma área livre equivalente à altura da letra "X" ao redor do logotipo em todas as direções.

📏

Tamanho Mínimo

Digital: 120px de largura mínima. Impresso: 30mm de largura mínima. Abaixo disso, usar apenas o ícone XP.

🎨

Versões Disponíveis

Colorida (principal) · Branca (fundos coloridos) · Navy monocromático (fundos claros) · Ícone circular · App icon.

🔤

Tipografia

LemonMilk exclusiva para títulos e marca. DM Sans para corpo de texto e UI. Nunca substituir por outras fontes em materiais institucionais.

← Voltar ao início