A linguagem visual que veste cada produto, ambiente e ponto de contato — do difusor em comodato ao portal do cliente. Sobriedade, respiro e elegância editorial.
2famílias tipográficas
14tokens de cor
16grupos de componentes
1.0versão
Fundamentos
Cores
Base off-white com tinta grafite e linhas finíssimas. O acento champagne é raro — entra em um único ponto de destaque, nunca como cor de preenchimento. Clique num swatch para copiar.
Neutros & superfícies
Fundo
#f8f8f8
Superfície
#ffffff
Superfície 2
#f1f1ef
Tinta
#33383c
Tinta forte
#1f2326
Suave
#7b8487
Linha forte
#acb2b4
Acento & semânticos
Acento
#9c8458
Acento suave
#f3eee2
Sucesso
#5a7d63
Atenção
#9a7d3c
Erro
#9a5a5a
Info
#5a6f8a
Semânticos são dessaturados de propósito — um vermelho calmo, nunca alarmante. Luxo não grita.
Fundamentos
Tipografia
Dupla editorial: serifa elegante para títulos e momentos de marca, grotesca neutra para interface e leitura. Pesos leves nos títulos, tracking negativo, muito ar.
Linha fina (stroke 1.4), cantos suaves, traço uniforme. Funcionais, nunca decorativos — sempre acompanhados de rótulo quando ambíguos.
Componentes
Botões
CTA primário em grafite (assinatura Dior), secundário em outline que inverte no hover, fantasma, acento raro e editorial em caixa-alta com filete. Hover < 100ms, active afunda 1px.
Input de filete (assinatura Dior) para formulários editoriais, e input com borda para o sistema. Foco em tinta, erro dessaturado, helper text discreto.
Input de filete (underline)
Input com borda · estados
Informe um CNPJ válido.
Checkbox · Radio · Toggle
Componentes
Badges, pills & status
Pílula cinza para rótulos, contorno para categorias, acento para destaque. Status com dot semântico — texto em suave.
NovoCategoriaAssinaturaAtivoTroca em breve
OperandoRefil baixoOfflineEm rotaPausado
Componentes
Cards
Card de conteúdo com borda fina e lift suave no hover; card de produto com mídia, título serifado e preço tabular.
Comodato
Difusor Atelier
Cobertura até 200m². Calibragem por sensor de presença e timer por zona.
Bois de Lumière
Essência amadeirada · 500ml
R$ 289Refil
Fleur d'Aube
Essência floral · 500ml
R$ 312Assinatura
Componentes
Tabela
Divisores finos, cabeçalho em caixa-alta suave, hover de linha discreto, números tabulares alinhados à direita.
Cliente
Zona
Status
Refil restante
Hotel Fasano
Lobby
Operando
78%
Clínica Vita
Recepção
Troca em breve
19%
Flagship Iguatemi
Vitrine
Offline
0%
Spa Lumière
Sala 3
Em rota
44%
Componentes
Alertas & tooltip
Avisos com fundo dessaturado e ícone de linha. Tooltip escuro, pequeno, com seta — aparece com fade suave.
Pedido confirmado
A instalação foi agendada para terça-feira, 14h.
Refil em nível baixo
Duas zonas precisam de troca nos próximos 7 dias.
Difusor offline
Sem comunicação há 3 horas. Equipe acionada.
Nova essência disponível
Conheça a coleção de inverno no catálogo.
Calibragem automática a cada 24h19%Troca recomendada esta semana
Componentes
Tabs & acordeão
Tabs com filete inferior animado. Acordeão estilo FAQ Dior — cabeçalho serifado, ícone "+" que gira para "×".
Painel único com status de cada difusor, consumo de essência e próximas trocas por zona.
Curvas de intensidade por horário e presença, ajustáveis remotamente sem visita técnica.
Rotas de troca otimizadas por região, com janela de atendimento e confirmação do cliente.
O equipamento é instalado sem custo de aquisição; você paga apenas a recorrência de essência e manutenção. A propriedade do difusor permanece com a La Belle Scens.
Sim. A troca de essência pode ser solicitada a qualquer momento pelo painel, e entra na próxima rota de atendimento da sua região.
Cada modelo cobre uma metragem específica — do Atelier (200m²) ao Grand (até 600m²). A recomendação é feita após visita de mapeamento.
Efeitos
Movimento & revelações
Motion quase invisível — fades suaves, micro-deslocamentos, imagem que respira no hover. Nada que distraia do produto. Role para ver as revelações dispararem.