Conceito & direção visual
A Vitrea é um estúdio fictício de design aquático de luxo: aquários como esculturas arquitetônicas. A direção visual nasce de uma paleta abissal (obsidiana, petróleo, dawn lagoon) com grão de filme sobre tudo, inspirada em cases editoriais de UX premium.
A identidade se apoia em glifos inline no meio das frases (●●, ✕), meta-labels de canto, hairlines finas e uma marca d'água em script cursivo. É um vocabulário de revista aplicado à web.
Sistema & construção
Todos os assets foram gerados sob direção de arte própria: cenas fotográficas de interiores com tanques, e uma biblioteca de recortes orgânicos com fundo transparente (peixe betta, rocha com musgo e cristais, driftwood, concha, coral e planta).
Os recortes atravessam as bordas das seções em camadas de profundidade distintas, criando a sensação de colagem submersa que estrutura a página inteira.
Movimento & performance
O movimento imita a água: cada recorte flutua num ciclo senoidal próprio, com parallax de scroll por profundidade (data-depth) e parallax de mouse no hero. Bolhas sobem em transform puro.
GSAP + ScrollTrigger coreografam reveals linha a linha, contadores das métricas e o slider de projetos com crossfade, tudo em transform/opacity, com prefers-reduced-motion respeitado.