Manual de Identidade Visual

Innhost

Identidade visual, tipografia, paleta de cores,
tom de voz e diretrizes de aplicação da marca.

Versão 1.0 · Junho 2026 · Uso interno
Índice

O que está neste manual

01
Conceito da Marca
Origem, significado e posicionamento da Innhost
02
Logo e Símbolo
Versões, variações, clearspace e usos incorretos
03
Paleta de Cores
Cores primárias, secundárias, fundos e módulos
04
Tipografia
DM Sans, DM Mono, escala e especificação do wordmark
05
Tom de Voz
Personalidade, use, evite e taglines aprovadas
06
Aplicações
App icon, favicon, formatos e contextos de uso
01 — Conceito

A origem da marca

A Innhost nasce da fusão de dois conceitos fundamentais do setor hoteleiro.

Inn
Do inglês inn — pousada, hospedaria. A palavra carrega séculos de tradição em hospitalidade. Remete ao acolhimento, ao lar temporário, à relação entre hóspede e anfitrião.
host
Host em inglês significa tanto anfitrião quanto hospedeiro no sentido tecnológico — onde os dados residem. A marca conecta as duas dimensões: o ser humano que acolhe e a tecnologia que sustenta esse acolhimento.
A ideia central

O símbolo: um hotel tem várias camadas — a Innhost apoia o hotel em todas elas.

As três barras verticais do ícone representam as camadas de operação de um hotel — frente de casa, gestão e dados. São barras de alturas diferentes porque cada camada tem peso diferente em cada momento da operação. Juntas, formam o todo.

Frente de casa
+
Gestão
+
Dados
=
Innhost
Posicionamento
Plataforma de gestão hoteleira all-in-one
Para pousadas, hotéis e hostels que querem substituir múltiplos sistemas por uma solução integrada.
Mercado
Hotelaria brasileira
Foco inicial em estabelecimentos com 10–80 quartos e receita entre R$50k–2M/mês.
Diferencial
Tudo integrado, nada manual
Reserva → PMS → financeiro → NF → CRM, tudo em um fluxo contínuo e automatizado.
03 — Paleta

Cores da marca

A paleta foi construída para transmitir tecnologia, confiança e clareza — sempre sobre fundo escuro.

Cores primárias
Azul Innhost
#4C7BF4
CTAs · Links · Destaques · Ícones principais
Azul Light
#7CA2F8
Hover states · Variações de acento
Azul Dark
#2A55C8
Active states · Pressed buttons
Cloud White
#EEF2FF
Texto principal sobre fundos escuros
Muted
#8A9BB8
Texto secundário · Labels · Placeholders
Cores de status e semântica
Teal
#2DD4A4
Sucesso · Confirmação · Módulo PMS
Âmbar
#F0A030
Atenção · Warning · Módulo Marketing
Vermelho
#F06060
Erro · Alerta · Ações destrutivas
Roxo
#A78BFA
Módulo Analytics · Funcionalidades IA
Sky Blue
#60A5FA
Info · Módulo Distribuição
Fundos do sistema
Midnight
#050A18
Fundo principal da aplicação
Midnight 2
#0D1117
Sidebar · Header · Painéis
Midnight 3
#111827
Cards · Drawers · Modais
Border
#1E2B42
Bordas · Separadores
Border 2
#2A3654
Bordas em hover
Cores por módulo

Cada módulo da plataforma tem uma cor de acento consistente em todo o sistema.

Distribuição
#4C7BF4
PMS
#2DD4A4
Marketing
#F0A030
Analytics
#A78BFA
Financeiro
#60A5FA
04 — Tipografia

Tipografia

A Innhost usa a família DM Sans como fonte principal em toda a interface e comunicação, e DM Mono para dados operacionais, valores e códigos.

DM Sans
Fonte principal · Interface · Comunicação · Wordmark
Google Fonts
6 pesos usados
300 · 400 · 500 · 600 · 700
300 · Light Gestão hoteleira integrada
400 · Regular Gestão hoteleira integrada
500 · Medium Gestão hoteleira integrada
600 · SemiBold Gestão hoteleira integrada
700 · Bold Gestão hoteleira integrada
Caracteres AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 !@#$%&(){}[]
Especificação do wordmark
Innhost
"Inn" — peso
DM Sans 700 Bold
"host" — peso
DM Sans 300 Light
Cor de "Inn"
#4C7BF4
Cor de "host"
#EEF2FF
Letter-spacing
-0.01em
Gap Inn ↔ host
0px (sem espaço)
Escala tipográfica — interface
Estilo Tamanho Peso Uso Exemplo
Display 48–64px 700 Headlines de página, hero sections Innhost
Heading 1 32–40px 700 Títulos de seção, páginas principais Gestão hoteleira
Heading 2 24–28px 600 Subtítulos, títulos de card Mapa de quartos
Heading 3 18–20px 600 Títulos de seção interna, modais Reservas de hoje
Body Large 16px 400 Texto corrido, descrições longas O sistema atualiza automaticamente
Body 14px 400 Interface geral, labels, botões Check-in realizado com sucesso
Small 12px 400/500 Legendas, metadata, timestamps Atualizado há 2 minutos
Label 11px 600 Eyebrows, tags, badges de status PMS · OPERAÇÃO
DM Mono
Fonte de dados · Valores monetários · Códigos · Labels técnicos
Google Fonts
2 pesos usados
400 · 500
Dados financeiros R$ 18.420,00
KPIs hoteleiros RevPAR: R$248 · ADR: R$344 · Ocupação: 72%
Versão / código v2.1.0 · #050A18 · API: 200 OK
Labels técnicos MÓDULO · PMS · OPERAÇÃO · FINANCEIRO
05 — Tom de Voz

Como a Innhost fala

A Innhost fala como um especialista em hotelaria conversando com outro hoteleiro. Sem jargão de marketing, sem drama, sem filosofia.

🎯
Direto
Vai direto ao ponto. Não enrola. Não usa três frases para dizer o que cabe em uma. O hoteleiro é ocupado — respeitar o tempo dele é parte da comunicação.
🤝
Próximo
Fala na segunda pessoa do singular. Conhece o setor, os termos, os problemas reais. Não é um software falando — é alguém que entende de hotelaria.
📊
Concreto
Usa números, exemplos e situações reais. "35% das reservas podem vir direto" é melhor que "mais reservas diretas". Concretude gera confiança.
✓ Use assim
✓"Cada reserva que entra pelo Booking aparece automaticamente no seu PMS."
✓"Nota fiscal emitida no checkout — sem nenhuma ação da sua equipe."
✓"Veja o resultado do dia sem esperar o contador."
✓"Implementação em 14 dias. Sem parar a operação."
✓"Sem fidelidade. 30 dias de aviso prévio para cancelar."
✕ Evite assim
✕"Revolucionamos a gestão hoteleira com soluções inovadoras."
✕"Nossa plataforma de ponta oferece uma experiência única."
✕"Transforme seu negócio com tecnologia de vanguarda."
✕"Soluções integradas para o ecossistema hoteleiro moderno."
✕"Empodere sua equipe com insights data-driven."
Taglines aprovadas
"Tudo que o seu hotel precisa, em um só lugar."
Site · Hero section · Principal
"Um sistema. Tudo conectado."
Apresentações comerciais · Slides
"Gestão hoteleira que finalmente funciona."
Anúncios · Campanhas pagas
"Tudo integrado. Nada manual."
Comparativos · Onboarding
"A operação fluindo. O gestor livre."
E-mail marketing · Nurturing
"Do check-in ao checkout, tudo numa tela."
Módulo PMS · Feature-specific
06 — Aplicações

Aplicações da marca

Como a identidade visual da Innhost se aplica em diferentes contextos e formatos.

App Icon · Mobile
App Icon Innhost
Favicon · Browser
favicon 64px
64px
favicon 32px
32px
favicon 16px
16px
Avatar · Perfil Social
Formatos de arquivo
.SVG
Vetorial
Site, app, impressão. Formato padrão para todas as aplicações digitais.
.PNG
Raster transparente
Apresentações, docs, e-mails. Exportar em 2x e 3x para telas retina.
.PDF
Impressão
Materiais impressos, contratos, documentos formais da empresa.
.ICO
Favicon
Ícone do browser. Incluir versões 16, 32 e 64px no mesmo arquivo.
Navbar — padrão do sistema
Innhost
Dashboard Reservas Hóspedes Financeiro
L
— conteúdo da aplicação —