Landing page disruptiva, imersiva e 100% componentizada em 3D dinâmico. Atomic Design · Design Tokens · React Three Fiber · Framer Motion.
Cada componente desenhado para ser reutilizável, testável e escalável — do átomo ao deploy.
11 Átomos · 3 Moléculas · 2 Organismos · 2 Templates · 1 Página. Cada nível isolado, testável.
8 domínios: space / font / color / shadow / radius / material3d / camera3d / animation — 100% dinâmicos.
Scroll move a câmera 3D — experiência cinemática onde o usuário dirige a narrativa.
Botões vivos com glow pulsante, hover 3D scale, partículas orgânicas — cada átomo responde.
Acessibilidade por padrão: semântica, focos visíveis, skip-links, ARIA labels, contraste AAA.
Hot path otimizado. Code splitting, LCP < 2.5s, INP < 200ms, CLS < 0.1 — por padrão.
A stack que alimenta a experiência 3D
A hierarquia de componentes em ação — cada nível herda os tokens dos níveis abaixo.
Do primeiro átomo ao deploy em produção. Design systems vivos que escalam com seu time.