Helden Marca

Logo

Símbolo, wordmark e assinatura. O arco é um h: um traço de pé e outro que se apoia nele.

Assinatura, fundo Linho

Assinatura negativa, fundo Carvão 700

Wordmark, Newsreader 600 em curvas

Símbolo

Símbolo negativo

Adotada

Minúscula. Fala baixo, como um colega, e combina com o símbolo, que é o próprio h. É a única forma do wordmark.

Descartada

HELDEN

Caixa alta. Soa institucional e frio, mais banco do que time. Perde o diálogo com o símbolo.

Símbolo em tamanho real

Legível a partir de 16px. O favicon é o símbolo num quadrado Carvão com raio de 8px.

64px

32px

24px

16px

favicon 64

favicon 32

favicon 16

Na aba do navegador

Helden: seu time no WhatsApp

Foto do grupo no WhatsApp do dono, 49px redondo

Time Helden

Dani: Hoje foram 14 conversas, 2 passei pra você.

18:02

M

Mãe

Vem almoçar domingo?

17:40

Use assim

Respiro mínimo em volta do logo: a altura do h.
Carvão sobre fundo claro, Linho sobre fundo escuro.
Wordmark sempre em minúscula.
Na foto de perfil, o símbolo vai centralizado e menor, para sobreviver ao corte redondo.

Não faça

Não pinte o logo de Vinho. O acento é para marcas da interface, não para a assinatura.
Não coloque o símbolo dentro de escudo, capa, raio ou qualquer clichê de herói.
Não distorça, não contorne, não aplique sombra ou gradiente.
Não redesenhe o wordmark com a fonte. Use o SVG em curvas.

Cores

Um neutro quente forte, um acento único, muito branco. Contraste medido pelo WCAG 2.1.

Carvão, o neutro forte

Texto, botão primário, logo. Quente, puxado para o marrom, nunca azulado.

400

#6E655Dbranco 5,70:1

500

#4A433Dbranco 9,72:1

600

#2E2925branco 14,38:1

700

#1C1815branco 17,63:1

Vinho, o acento

Switch ligado, tab ativa, marcas pontuais. Nunca botão primário, nunca texto corrido.

400

#C45A68branco 4,19:1, reprova

500

#9B3442branco 7,09:1

600

#7A2833branco 9,64:1

700

#5E1F28branco 12,33:1

Por que vinho: é a cor de pasta de processo, de capa de livro de direito, de consultório antigo e bem cuidado. Passa seriedade sem a frieza do azul de banco, e não colide com o verde do WhatsApp, que vai estar em toda tela ao lado dele.

Superfícies

Linho#F5F3F0Fundo da página

Papel#FFFFFFCard

Pedra#EDE9E4Fundo sutil, skeleton

Borda#E3DED8Borda de 1px

Proporção numa tela típica

O vinho aparece em poucos pontos. Se ele estiver chamando atenção, tem vinho demais.

Linho 60%

Papel 22%

Carvão 15%

Contraste de texto

Mínimo 4,5:1 para texto. Onde o acento reprova, ele vira só marca e preenchimento.

Combinação	Amostra	Razão	Texto
Carvão 700 sobre Linho	Aa	15,92:1	Passa
Carvão 400 sobre Linho, legenda	Aa	5,15:1	Passa
Branco sobre Carvão 700, botão primário	Aa	17,63:1	Passa
Branco sobre Vinho 500, tag	Aa	7,09:1	Passa
Branco sobre Vinho 400	Aa	4,19:1	Reprova, só marca
Vinho 400 sobre fundo escuro, marca no dark	●	4,48:1	Passa como marca (3:1)

Tipografia

Newsreader nos títulos da LP. Inter no app e no corpo de texto. As duas no Google Fonts.

Newsreader

Display e títulos da LP400, 500, 600, 700

RegularMediumSemiboldBold

Uma serifada de jornal, desenhada para leitura em tela. Dá o peso de escritório e consultório que a Inter sozinha não tem, e é a mesma família do wordmark.

Inter

App, interface e corpo400, 500, 600, 700

RegularMediumSemiboldBold

Herdada do DS Bolten, sem tracking, na escala do Tailwind v4.

Hierarquia da LP

displayNewsreader 64/1,05, 500

Eles trabalham no WhatsApp que você já tem.

display-sectionNewsreader 40/1,1, 500

Quando precisa de você, eles chamam.

display-subNewsreader 24/1,25, 500

A Vivi atende, o Marcos marca, a Dani confirma.

leadInter 18/1,6, 400

Contrate só quem você precisa. Um login, uma cobrança, e nenhum painel novo para abrir.

Hierarquia do app

page-titleInter 30/36, 700

Meu time

empty-titleInter 24/32, 700

Nenhum relatório ainda

section-titleInter 20/28, 700

Conversas desta semana

card-titleInter 16/24, 600

Dani, atendimento no WhatsApp

labelInter 14/20, 500

Nome da empresa

bodyInter 14/20, 400

A Dani respondeu 46 conversas sozinha e passou 3 para você.

captionInter 12/16, 400

Atualizado hoje às 18:00

Aplicada

Para clínicas e consultórios

Sua agenda cheia, sem você atender o telefone.

A Vivi atende as ligações que você não pode, o Marcos confirma cada horário e a Estela pede a avaliação depois da consulta. Tudo pelo número da clínica.

Tom de voz

A Helden fala como um colega de trabalho competente. Curto, direto, sem jargão.

Colega, não sistema

Os funcionários são pessoas. Sujeito e verbo.

A Dani responde por você. ~~O módulo de atendimento processa mensagens.~~

Curto e imperativo

Uma ideia por frase. Sentence case. Você implícito.

Conecte seu WhatsApp. ~~Clique Aqui Para Realizar A Conexão.~~

Sem enfeite

Sem emoji, sem travessão, sem termo técnico.

Pronto. A Dani vai te chamar. ~~Integração via API concluída!~~

1. Hero da landing page

Helden falando com o dono

01Seis funcionários. Nenhum sistema novo.
02Eles trabalham no WhatsApp que você já tem.
03A Dani responde seus clientes enquanto você atende quem está na sua frente.
04Você não abre mais um sistema. Seu time vem até o seu celular.
05Contrate quem você precisa. Um login, uma cobrança.

2. Dani no grupo, pedindo que o dono assuma

Funcionário falando com o dono

01Escritório, cliente quer falar com advogadoO Carlos quer falar com alguém sobre o processo. Resumo: a audiência é dia 12/11 e ele quer saber se precisa ir. Pode assumir na conversa dele.
02Clínica, pedido de descontoA Marina pediu desconto na consulta de retorno. Isso é com você. Avisei que você responde ainda hoje.
03ReclamaçãoA Sra. Lúcia reclamou do atendimento de ontem. Prefiro que você fale com ela. A conversa dela está no topo da sua lista.
04Pergunta fora do que a Dani sabeO Rafael perguntou sobre seguro para frota, e isso não está no que você me passou. Não quis chutar. Pode responder?
05Imobiliária, negociaçãoO Paulo quer fazer uma proposta abaixo do valor no apartamento da Rua Bahia. Negociação é com você. Ele está esperando.

Time Helden

Dani, Vivi, Marcos, Estela, Beto, Otto, Você

HOJE

ViviAtendi o Carlos Mendes às 14:10. Ele tem audiência trabalhista e quer saber se precisa ir. Criei o contato dele.14:12

DaniO Carlos quer falar com alguém sobre o processo. Resumo: a audiência é dia 12/11 e ele quer saber se precisa ir. Pode assumir na conversa dele.14:31

Assumo. Valeu, Dani.14:33

DaniCombinado. Fico fora da conversa dele até você me devolver.14:33

Mensagem

3. Dani falando com o cliente, em nome da clínica

O cliente vê a clínica, nunca a Dani

01ConfirmaçãoOi, Juliana. Aqui é da Clínica Alameda. Sua consulta com a Dra. Paula está confirmada para quinta, às 14h. Se precisar remarcar, é só responder aqui.
02Mensagem fora do horárioBoa noite, Roberto. A clínica abre amanhã às 8h, mas já consigo ver um horário para você agora. Prefere manhã ou tarde?
03LembreteOi, Fernanda. Sua consulta é amanhã às 9h30. Chegue 10 minutos antes para o cadastro.
04Passando para a médicaEntendi, Marcelo. Esse assunto a Dra. Paula prefere tratar com você direto. Ela te responde por aqui ainda hoje.
05Depois da consultaObrigada pela visita, Sônia. Se puder contar como foi no Google, ajuda muito a clínica.