NUVON OS — animações
← IdentidadeNUVON OS · ANIMAÇÕES

Curto e direcional.

Nada salta, nada quica. Fades e deslizes de 1–8 px em 140 / 220 / 420 ms sobre cubic-bezier(.16,1,.3,1). O mascote é a exceção viva: as barras respiram enquanto ele está acordado. prefers-reduced-motion zera tudo.

{{ vozLabel }} {{ vozDesc }}
01 · Estados de voz

A cor do halo diz o estado; as barras dizem a intensidade. Toque para trocar.

barras: transform scaleY, transform-box fill-box
halo: rotate 24 s (ouvir) · 6 s (pensar) · breathe 1,2 s (falar)
piscar: a cada ~5 s, 200 ms
02 · Gaveta e transição de área

A gaveta desliza 220 ms; o scrim desfoca em simultâneo. O conteúdo não se move — só escurece.

NUVON OS
Abre a gaveta
Toque no menu, ou arraste desde a borda esquerda.
NUVON OS
Conversa
Início
Aprovações 2
Memória
Agentes
{{ gavetaLabel }}translateX −100% → 0 · 220 ms · scrim 0 → .72 + blur 14 px
03 · Mensagens a chegar

Cada bolha sobe 8 px e aparece em 220 ms. Enquanto o Nuvon pensa, três pontos em cobre — nunca um spinner.

{{ m.texto }}
{{ m.texto }}
{{ m.rota }}·{{ m.lat }}
Enviar próxima perguntaLimparosIn 220 ms · pontos 1,2 s
04 · Aprovação: pendente → enviado → aceite → confirmado

A borda muda de cor a cada etapa; a régua avança em três terços. Só no fim aparece "Pronto." em Cinzel — o ritual do sucesso.

{{ aprovBadge }}{{ aprovHora }}
Pausar a impressora Bambu P1S #2
printer_pause · p1s-02 · 88%
Sim, confirmoRecusar
{{ aprovTexto }}
Pronto.confirmado pela máquina · 14:04:12
Repor#ffb15e → #8257ff → #48d18f · borda 220 ms · régua 420 ms
05 · Splash / arranque

O mascote nasce (420 ms), o halo desenha-se (900 ms), o wordmark sobe, a régua norte preenche enquanto o modelo carrega.

NUVONOS
Sua voz é o norte.
carregando nuvon-general…
Repetirscale .6→1 · stroke-dashoffset 340→0 · fill 2,4 s
06 · Micro-interações

Hover sobe 1 px e clareia; pressionar volta a 0 e escurece (scale .98). Toggles deslizam 140 ms; a cor confirma, não o movimento.

Luz da oficina
{{ luzEstado }}
Tomada da estufa
{{ tomadaEstado }}
Qual impressora?
Primário · passe e pressioneSecundário
hover 140 ms · translateY(−1px) · press scale(.98) · foco: borda #ffb15e + anel 3 px .24
07 · Sem ligação → reconectar

O erro não grita: o halo pulsa em vermelho, o corpo apaga-se para metal. Ao reconectar, o mascote acorda — o mesmo movimento do arranque.

{{ ligTitulo }}{{ ligTexto }}
Tentar de novoSimular queda
halo osPulse 1,6 s · corpo → #9a8f83 em 420 ms · acordar = dormindo → ouvindo
Tokens de movimento --nv-duration-fast 140ms --nv-duration-base 220ms --nv-duration-slow 420ms --nv-ease-out cubic-bezier(.16,1,.3,1) Sem spring, sem bounce, sem scale acima de 1,05 (exceto o nascer do mascote).
Pagina de referencia de design, nao o produto. Ir para o site → Abrir o app →