Marca
A marca Hi-Doctor
Tudo o que faz a Hi-Doctor parecer e soar como ela própria — o logótipo, as cores, a tipografia, os gradientes e as regras que mantêm tudo unido.
Logótipo
O símbolo e o logótipo
O símbolo é um quadrado verde de cantos arredondados com uma cruz branca. O logótipo horizontal combina-o com o nome Hi-Doctor. Utilize os ficheiros exatamente como são fornecidos.
Símbolo
A peça autónoma, para avatares, favicons e ícones de aplicação.
Símbolo, invertido
A mesma peça, preparada para superfícies escuras.
Logótipo horizontal
A assinatura predefinida sobre superfícies claras.
Logótipo horizontal, invertido
A assinatura para faixas em verde profundo.
Regras de utilização
Quatro regras cobrem quase todas as situações. Em caso de dúvida, simplifique.
Espaço livre
Mantenha livre a largura de um braço da cruz em cada lado do logótipo. Texto, imagens e outros logótipos ficam fora.
Tamanho mínimo
O símbolo nunca é apresentado abaixo de 24 px e o logótipo nunca abaixo de 96 px de largura. Abaixo disso, escreva o nome.
Deixe-o como está
Nunca altere a cor, rode, estique ou contorne o logótipo, e nunca acrescente sombras, gradientes ou outros efeitos.
Fundos tranquilos
Coloque o logótipo sobre branco, mist ou verde profundo — nunca sobre fotografias carregadas ou cores concorrentes.
Cor
Uma paleta tranquila e clínica
A tinta sobre branco faz a maior parte do trabalho. O verde transporta a marca; o azul, o rosa e o azeitona pertencem às categorias de tratamento.
Selecione uma amostra para copiar o seu valor hexadecimal.
Neutros
Verdes da marca
Acentos de categoria
Gradientes
Um shader, quatro paletas
O gradiente granulado é a superfície de assinatura: um véu suave e em movimento com grão de película. Aparece nas faixas principais e nos cabeçalhos de categoria — sempre atrás de texto branco, nunca atrás do corpo de texto.
Reservado às faixas principais e aos temas de categoria.
Tipografia
Uma só família, Inter
A Inter compõe todas as superfícies. Os tamanhos display usam peso 600 com espacejamento apertado; o corpo de texto é peso 400 e nunca desce abaixo de 14 px.
JetBrains Mono, apenas para metadados
Números de referência, carimbos de tempo e registos de auditoria em JetBrains Mono — maiúsculas, espacejamento largo, tamanhos pequenos. Nunca transporta frases.
ATUALIZADO 13 AGO 2026 · 09:41 UTC
Geometria e movimento
Cantos sóbrios, ritmo suave
Três raios cobrem o sistema: 4 px para controlos, 16 px para cartões, 24 px para faixas e contentores grandes. Nada tem forma de comprimido.
Raio
4 px
Botões, campos e chips
16 px
Cartões
24 px
Faixas e contentores grandes
Movimento
A animação passa apenas por transformações e opacidade — nunca por largura, altura ou sombra. Os elementos chegam em 240 ms e saem em 160 ms.
Componentes
O conjunto de trabalho
As primitivas com que cada página é construída, renderizadas ao vivo com as mesmas classes que o produto usa.
Botões
Chips de estado
Cartão
A sua consulta está a ser revista
Um médico habilitado está a ler as suas respostas. Entraremos em contacto assim que houver uma decisão.
Agora mesmo
Voz
Calma, clara, honesta, humana
Escrevemos como fala um bom médico: com simplicidade e sem dramatismo. Sem pontos de exclamação, sem truques de urgência, sem jargão quando existe uma palavra simples.
Calma
Sem pontos de exclamação. A saúde já é suficientemente séria sem gritos.
Clara
Frases curtas e palavras simples — o leitor nunca tem de reler.
Honesta
Dizemos o que fazemos e o que não fazemos, incluindo que nunca vendemos nem enviamos medicamentos.
Humana
Calorosa mas profissional, escrita para uma pessoa de cada vez.
Correto
Um médico habilitado revê as suas respostas e decide se o tratamento é adequado para si.
Incorreto
Incrível!! Encomende JÁ os seus medicamentos — esta oferta não vai durar!!
A marca
Perguntas sobre a marca?
Imprensa, parcerias ou uma dúvida de utilização — escreva-nos e ajudaremos.
Contacte-nos