A marca Habitz é um sistema — não uma logo isolada. Cada elemento visual existe para reforçar a mesma ideia: uma imobiliária que você consegue identificar, verificar e confiar antes de assinar qualquer coisa.
A logo Habitz é composta por dois elementos: o ícone H-building (duas torres de colunas duplas com barra central) e o wordmark "HABITZ". Ambos podem funcionar juntos ou separados, dependendo do contexto e do espaço disponível.
O sistema de cores da Habitz tem três cores-base e dois tons de suporte. Cada cor tem função definida — não são intercambiáveis. A paleta inteira nasce do ícone da logo: o verde do ícone é o verde da marca.
Cor primária. Accent, destaques, ícone da logo, badges do Selo Full. Uso em fundo no documento do corretor.
Cor secundária. Texto primário, fundo do documento de ecossistema, cards escuros. Tom âncora da marca.
Fundo institucional. Documento de marca, materiais para cliente, site principal. Clareza e espaço.
Tom intermediário do gradiente do ícone. Não usado como cor plana — apenas no SVG da logo.
Tom mais escuro do gradiente. Só aparece no ícone SVG da logo. Não usar como cor autônoma.
Fundo de cards e seções internas em documentos brancos. Cria hierarquia visual sem peso.
Institucional · Cliente · Marca
Doc 01 · Doc 04
Ecossistema · Blog · Empreendimentos
Doc 02
Corretor · Recrutamento · Cultura
Doc 03
A Habitz usa um sistema de três fontes com funções distintas. Nenhuma é substituível pela outra — cada uma tem papel específico na hierarquia visual. Todas são Google Fonts, de uso livre e gratuito.
"Segurança da construtora entregar o produto, quem é a imobiliária."
A objeção número um do comprador de imóvel na planta é a mesma há décadas. O Selo Habitz é a resposta institucional — pública, visível no site, por empreendimento.
Exemplo de hierarquia completa: Label (Barlow Condensed) → Headline (Bebas Neue) → Citação em itálico (Barlow Light Italic) → Corpo (Barlow Regular)
Os Selos Habitz são badges visuais que aparecem em cada empreendimento do catálogo. Existem em duas versões — sobre fundo escuro (padrão do site) e sobre fundo claro (documentos e materiais impressos). O nível de destaque visual do badge é diretamente proporcional ao nível de transparência do empreendimento.
Padrão máximo de transparência. Badge em verde sólido — o nível de maior destaque visual no catálogo. Ícone com verde nativo no topo da hierarquia.
Transparência consistente. Badge em verde com opacidade reduzida — distinguível do Full, mas ainda claramente acima do Standard.
Mínimo aceito. Badge em contorno discreto — indica que o empreendimento passou no crivo, sem destacar além do necessário.
A marca Habitz aparece em produtos físicos, uniformes e materiais promocionais. Cada suporte tem especificação de versão de logo, técnica de aplicação e restrições. O objetivo é consistência — não importa onde a marca aparece, ela é reconhecível.
Peito esquerdo: só o ícone H-building em verde sobre escuro, tamanho ~6cm. Costas: wordmark "HABITZ" centralizado em verde, ~25cm. Fundo da peça: preto ou verde (nunca branco).
Peito: logo completa (ícone + wordmark) em bordado. Bordado em linha verde sobre tecido escuro. Manga direita: "HABITZ" em Barlow Condensed, vertical, discreta. Tamanho mínimo bordado: 4cm de altura.
Somente o ícone H-building na frente, bordado em verde. Altura ~4cm. Sem o wordmark — espaço não permite. Aba interna pode ter "HABITZ" em impressão discreta.
Logo completa (ícone + wordmark) em branco sobre fundo preto, ou escuro sobre caneca branca. Nunca logo verde sobre fundo verde. Posição: lateral direita da pega.
Somente wordmark "HABITZ" + tagline opcional em Barlow Condensed, ao longo do corpo da caneta. Ícone não cabe em escala adequada. Usar versão escura sobre caneta clara ou verde sobre caneta preta.
Documentos, cartões, folders e relatórios: versão escuro sobre branco. Fundo branco ou off-white (#F6F6F6). Logo no canto superior esquerdo. Nunca usar verde como fundo em impressão (custo e ilegibilidade).
Menor que isso, a tagline "Investimentos Imobiliários" fica ilegível. Usar só o ícone + wordmark sem tagline.
Tamanho mínimo do ícone SVG em tela. Abaixo disso, usar versão simplificada ou apenas o "H".
Mínimo para bordado mantendo os detalhes das colunas duplas do ícone. Abaixo disso, usar versão simplificada.