enxergo
DESIGN SYSTEM · v1 · CÂMARA ESCURA
o "o" final é a lente: a única coisa pela qual o convidado enxerga. tudo acontece no escuro — até a revelação.
01 · PALETA
lilás — marca & ação
#6B4FA3 · --ex-lilas · botões, nav ativa, obturador
lavanda — apoio
#A78BD8 · --ex-lavanda · links, estados "revelando…"
câmara escura — fundo
#141019 · --ex-escuro · superfícies #1A1424 / #1E1729 / #241B32
pergaminho — texto
#F3ECE1 · --ex-pergaminho · opacidades 100/60/40/25%
âmbar-filme — destaque
#E0A458 · --ex-ambar · contadores, badges 8mm, bônus
funcionais
#E5484D rec · #7FB08A ok/lgpd · #D98A9C cor de evento (exemplo)
02 · TIPOGRAFIA
Instrument Serif
títulos 30-58px · itálico para voz poética
a voz do produto é itálica
frases afetivas 12-15px, sempre lilás/pergaminho 60%
POSE 12/15
Space Mono · marcações de câmera, labels 9-11px, tracking 1-3px
Archivo — corpo e UI
corpo 11-16px · botões 600 · nunca em títulos
03 · TEXTURA & MOVIMENTO
grão animado · steps(4) · só em visor/hero
vinheta radial · bordas sempre mais escuras
● GRAVANDO
pisca-rec 1.2s
04 · COMPONENTES
filtro ativo
filtro
8mm+2LGPD ✓AO VIVO
312
card de métrica
card de desafio
CAMPO DE TEXTO
valor digitado
CONTADOR
OBTURADOR
tile de galeria · "por Marina"
revelando…
05 · VOZ & TOM
dizemos"seu rolo sai da química às 23h" · "empresta teu olhar" · "revelando…"
evitamos"upload concluído" · "processando vídeo" · "erro 413" — a técnica nunca aparece, vira metáfora analógica
regratítulos e frases afetivas em minúsculas; marcações de câmera em CAIXA ALTA mono; UI funcional em Archivo, direta