Marca e Personalização
O HiLucy usa três sistemas de design feitos sob medida, cada um otimizado para um público diferente. O portal do hóspede aplica automaticamente a linguagem visual correta com base no contexto, para que seus hóspedes sempre experimentem uma interface polida e profissional.
Três Sistemas de Design
Portal do Hóspede -- Liquid Glass
O sistema de design voltado para o hóspede usado no Portal do Hóspede e no chat com IA em app.hilucy.com.
- Cor primária: Azul messenger (#2563EB)
- Cor de destaque: Verde online (#059669)
- Tipografia: Georgia para títulos, Inter para corpo de texto
- Estilo: Superfícies de vidro fluido, elementos translúcidos, efeitos de desfoque animados e reflexos iridescentes
- Atmosfera: Boutique, acolhedor, premium -- projetado para parecer um app de concierge de alto nível
Isso é o que seus hóspedes veem. O design prioriza legibilidade mobile-first, carga cognitiva mínima e sensação de confiança.
Painel de Operações -- Alta Densidade de Dados
O sistema de design voltado para o administrador usado no dashboard da equipe.
- Cor primária: Azul profundo (#1E40AF)
- Cor de destaque: Âmbar (#D97706)
- Tipografia: Fira Code (monospace) para títulos, Fira Sans para corpo
- Estilo: Tabelas de dados densas, gráficos, cards KPI, padding mínimo, layouts em grade
- Atmosfera: Analítico, preciso, técnico -- construído para eficiência da equipe
Isso alimenta o painel administrativo onde sua equipe gerencia reservas, tarefas e analytics.
Marketing -- Vibrante e em Blocos
O sistema de design público usado em hilucy.com e páginas de marketing.
- Cor primária: Teal (#0D9488)
- Cor de destaque: Laranja (#EA580C)
- Tipografia: Inter para títulos e corpo
- Estilo: Blocos geométricos ousados, alto contraste, imagens duotone
- Atmosfera: Limpo, funcional, focado em conversão
Isso impulsiona o funil de cadastro e as páginas públicas onde proprietários se registram.
Como o Portal do Hóspede se Adapta
O Portal do Hóspede adapta sua apresentação com base no contexto da listagem:
- Marca da propriedade -- o nome e detalhes da sua propriedade são exibidos em todo o portal
- Conteúdo específico da listagem -- listas de comodidades, regras da casa, recomendações locais e instruções de chegada são obtidos da base de conhecimento da sua propriedade
- Personalidade da IA -- LucyAI referencia os detalhes específicos da sua propriedade ao conversar com hóspedes
Sobrescritas de Design por Página
Certas páginas do portal têm tratamentos visuais especializados:
- Chat com IA -- layout estreito de 800px, suporte para modo escuro/claro, mobile-first com animações mínimas para fluxo de conversa rápido
- Fluxo de Chegada -- assistente baseado em etapas com indicadores de progresso e transições de cor (vermelho para laranja para verde) conforme o hóspede completa cada estágio
- Painel do Gerente -- paleta escura/neutra com cores de status (verde/âmbar/vermelho) e animações de contagem para cards KPI
Padrões de Acessibilidade
Os três sistemas de design seguem uma checklist de acessibilidade compartilhada:
- Biblioteca de ícones Lucide com tamanhos consistentes
- Texto alternativo em todas as imagens
- Estados de hover e focus em elementos interativos
- Proporções de contraste WCAG para todo texto
- Navegação completa por teclado
- Suporte a movimento reduzido para usuários que preferem
- Breakpoints responsivos em 375px, 768px, 1024px e 1440px
- Sem scroll horizontal no mobile
Opções de Personalização
Personalização em nível de propriedade está disponível para o portal do hóspede:
- Modo de tema -- hóspedes podem alternar entre aparência clara e escura nas configurações do portal
- Identidade da propriedade -- nome, localização e detalhes da listagem são exibidos automaticamente
- Base de conhecimento -- o conteúdo que Lucy referencia é totalmente controlado pelos dados da sua propriedade
Para personalização de marca mais profunda (paletas de cores personalizadas, posicionamento de logo ou white-labeling), entre em contato com a equipe HiLucy para discutir seus requisitos.