INMOBIA — JR Ortiz Design Library

Imobiliária digital com IA. Sofia é o agente WhatsApp que atende, qualifica e converte leads 24h. Teal como sinal de vida — sempre online.

USO: Site inmobia.com.br, landing page de leads, dashboard Sofia, onboarding de parceiros

Sofia

Online · Responde em segundos

Olá! Sou a Sofia do One Palace. Posso te ajudar a encontrar o apartamento ideal. 🏠

09:01

Tenho interesse em uma unidade de 2 quartos.

09:02

Perfeito! Temos opções a partir de R$ 485.000 no One Palace. Qual seu orçamento previsto?

09:03

Primárias

#1A1A2E

#1AC8A0

#FFFFFF

Secundárias

#252538

#6C63FF

#333350

Efeitos & Estética

Interface conversacional como metáfora visual
Cantos retos em todos os containers — identidade
Typing indicator como único elemento animado
Teal como sinal de presença — nunca ausente da tela

Modo de Cor

Full Dark — mobile-first absoluto

Fundo #1A1A2E insubstituível — nunca preto puro. Botão primário: teal bg + texto #0A0A0A (nunca branco sobre teal).

CSS

Variáveis

Checklist

/* Background & Texto */
background-color: #1A1A2E;
color: #FFFFFF;

/* Tipografia */
font-family: 'Inter', sans-serif;
font-size: 16px; /* mínimo absoluto para mobile */

/* Accent & Forma */
accent-color: #1AC8A0;
border-radius: 0; /* cantos retos — decisão de design */

/* CSS Custom Properties — INMOBIA */
--bg-base:        #1A1A2E;
--bg-card:        #252538;
--teal:           #1AC8A0;
--purple:         #6C63FF;
--border:         #333350;
--text-muted:     #8888AA;
--bubble-sofia:   rgba(26,200,160,0.12);
--radius:         0;

Fundo #1A1A2E — nunca #000000

Cantos RETOS — border-radius: 0 em containers

Botão primário: teal bg, texto #0A0A0A — nunca branco sobre teal

Fonte mínima 16px — mobile-first absoluto

Touch targets mínimo 44px

NUNCA formulário longo — captura via conversa