Aparência
Visão geral
Manual de marca
Este é o manual da identidade visual da ImobHapi, versão 4.0.0 (outubro de 2026), baseada no manual de marca 2.1. Ele vale para o portal (imobhapi-web/Web), o site institucional (imobhapi-site), os e-mails e qualquer material da marca.
Conceito
A ImobHapi é a solução da FastGivr para imobiliárias e administradoras de locação. Slogan: "Sua imobiliária sob controle."
O símbolo é a casa que sorri: um telhado em chevron (o imóvel) sobre uma curva em forma de sorriso (o "hapi"), dentro de um quadrado arredondado.
As cores têm papéis bem separados:
- Verde Lar
#12463B— a cor da marca. Seriedade de quem cuida do dinheiro: navegação ativa, títulos de destaque, links, foco. - Amarelo Chave
#F6B73C— o destaque. Cor da chave e do sol: botão principal, marcadores, o que é positivo. Nunca é texto sobre fundo claro.
O restante é Tinta (#14231E) sobre Gelo (#F6F8F5), com Menta (#DDF0E6) nas áreas de apoio e Verde Noite (#0B2E27) para profundidade.
Uma marca leve no tom e séria no dinheiro.
Princípios de design
- Clareza primeiro — valor, vencimento e status sempre visíveis.
- Camadas, não linhas — a hierarquia vem de fundo Gelo → card branco → item interno, não de bordas.
- Uma ação por cor — Amarelo = agir. Verde Lar = navegar e marcar. Tinta e cinza = ler.
- Minimalismo funcional — cada elemento justifica sua existência.
- Feedback contínuo — o sistema sempre comunica o que está acontecendo.
- Acessibilidade por padrão — contraste AA, teclado e leitor de tela não são opcionais.
Personalidade
| Atributo | Na interface |
|---|---|
| Leve | Muito respiro, cantos generosos, pílulas, textos curtos e gentis |
| Confiável | Verde Lar sóbrio, números grandes e legíveis, nenhuma informação escondida |
| Claro | Valor, data e status sempre à vista; status sempre com texto, não só cor |
| Próximo | Vocabulário da locação (repasse, IGP-M, caução, vistoria), sem jargão bancário |
Tom de voz
A ImobHapi fala como um bom gerente de locação: direto, gentil e sem jargão bancário. Sempre diga o valor, a data e o que fazer.
| Prefira | Evite |
|---|---|
| aluguel em aberto, pagamento atrasado | inadimplente, inadimplência, devedor |
| lembrete | aviso de cobrança, notificação extrajudicial |
| repasse ao proprietário | liquidação, transferência de titularidade |
| painel | dashboard, sistema |
| Emitir cobrança · Agende uma demonstração | Clique aqui · Saiba mais |
- Botões dizem o que acontece ("Emitir cobrança", "Salvar contrato").
- Sem caixa-alta em frases inteiras e sem "URGENTE".
- Mensagens ao inquilino: cordiais, sem emoji, sempre com valor, data e link oficial.
Neste manual
- Identidade e logo
- Cores
- Tipografia
- Componentes
- Layout e espaçamento
- Acessibilidade
- Design tokens
- Fazer e não fazer
Fonte de verdade
Este manual é a versão navegável de imobhapi-web/Web/BRAND_GUIDELINES.md, que traduz o repositório imobhapi-manual-de-marca (logos em logos/). Se divergirem, vale o manual de marca. Ao mudar uma regra, atualize os documentos e os tokens em Web/src/styles.css e imobhapi-site/src/styles.css.