diff --git a/pulse-3d-landing/index.html b/pulse-3d-landing/index.html index faac8df..e3fe733 100644 --- a/pulse-3d-landing/index.html +++ b/pulse-3d-landing/index.html @@ -1,33 +1,403 @@ - + - - - + + Pulse 3D — Landing Page Imersiva - + -
-
⚡ PULSE 3D
-
-
CARREGANDO CENA 3D
+ + +
+
⚡ PULSE 3D
+ +
CARREGANDO CENA 3D
+
+ + +
+
 Pulse-3d-landing · Imersivo
+

+ Pulse 3D
+ + Landing Page · Design Tokens · Three.js + +

+

+ Landing page disruptiva, imersiva e 100% componentizada em 3D dinâmico. + Atomic Design · Design Tokens · React Three Fiber · Framer Motion. +

+
+ +
-
- +
Scroll para explorar
+
+ + +
+ +

6 Pilares do
Design System

+

Cada componente desenhado para ser reutilizável, testável e escalável — do átomo ao deploy.

+
+
+
⚛️
+

Atomic Design

+

11 Átomos · 3 Moléculas · 2 Organismos · 2 Templates · 1 Página. Cada nível isolado, testável.

+
+
+
🎨
+

Design Tokens

+

8 domínios: space / font / color / shadow / radius / material3d / camera3d / animation — 100% dinâmicos.

+
+
+
🎬
+

Scrollytelling

+

Scroll move a câmera 3D — experiência cinemática onde o usuário dirige a narrativa.

+
+
+
+

Micro-interações

+

Botões vivos com glow pulsante, hover 3D scale, partículas orgânicas — cada átomo responde.

+
+
+
+

WCAG / A11y

+

Acessibilidade por padrão: semântica, focos visíveis, skip-links, ARIA labels, contraste AAA.

+
+
+
🚀
+

Core Web Vitals

+

Hot path otimizado. Code splitting, LCP < 2.5s, INP < 200ms, CLS < 0.1 — por padrão.

+
+
+
+ + +
+
+

Tecnologias usadas

+

A stack que alimenta a experiência 3D

+
+ React 18 + TypeScript + Vite + Three.js + @react-three/fiber + @react-three/drei + Framer Motion + S.O.L.I.D. + Atomic Design + CSS Custom Properties + WCAG 2.1 AA + Core Web Vitals +
+
+
+ + +
+ +

De átomos a
organismos vivos

+

A hierarquia de componentes em ação — cada nível herda os tokens dos níveis abaixo.

+
+
+
⚛️ Atoms — 11
+
+ ButtonBadge + CardGradientText + FloatingTextLightGlow + FloatingMeshParticleField + ThemeToggleDivider + Typography +
+
+
+
🔗 Molecules — 3
+
+ FloatingMeshParticleField + FeatureCard3d +
+
+
+
🦠 Organisms — 2
+
+ HeroScene3dFeaturesScene3d +
+
+
+
📐 Templates — 2
+
+ SceneCanvasThreePage +
+
+
+
📄 Page — 1
+
+ App.tsx + Hero + Features + About + CTA + ~ 500 lines +
+
+
+
+ + +
+
+
+
11
+
Átomos
+
+
+
8
+
Domínios de Tokens
+
+
+
3D
+
Cena Interativa
+
+
+
WCAG
+
AAA Acessível
+
+
+
+ + +
+

Transforme seu produto em
+ uma experiência 3D +

+

Do primeiro átomo ao deploy em produção. Design systems vivos que escalam com seu time.

+
+ + +
+
+ + + + + diff --git a/pulse-3d-landing/public-index.html b/pulse-3d-landing/public-index.html new file mode 100644 index 0000000..e3fe733 --- /dev/null +++ b/pulse-3d-landing/public-index.html @@ -0,0 +1,403 @@ + + + + + + Pulse 3D — Landing Page Imersiva + + + + + + +
+
⚡ PULSE 3D
+ +
CARREGANDO CENA 3D
+
+ + +
+
 Pulse-3d-landing · Imersivo
+

+ Pulse 3D
+ + Landing Page · Design Tokens · Three.js + +

+

+ Landing page disruptiva, imersiva e 100% componentizada em 3D dinâmico. + Atomic Design · Design Tokens · React Three Fiber · Framer Motion. +

+
+ + +
+
Scroll para explorar
+
+ + +
+ +

6 Pilares do
Design System

+

Cada componente desenhado para ser reutilizável, testável e escalável — do átomo ao deploy.

+
+
+
⚛️
+

Atomic Design

+

11 Átomos · 3 Moléculas · 2 Organismos · 2 Templates · 1 Página. Cada nível isolado, testável.

+
+
+
🎨
+

Design Tokens

+

8 domínios: space / font / color / shadow / radius / material3d / camera3d / animation — 100% dinâmicos.

+
+
+
🎬
+

Scrollytelling

+

Scroll move a câmera 3D — experiência cinemática onde o usuário dirige a narrativa.

+
+
+
+

Micro-interações

+

Botões vivos com glow pulsante, hover 3D scale, partículas orgânicas — cada átomo responde.

+
+
+
+

WCAG / A11y

+

Acessibilidade por padrão: semântica, focos visíveis, skip-links, ARIA labels, contraste AAA.

+
+
+
🚀
+

Core Web Vitals

+

Hot path otimizado. Code splitting, LCP < 2.5s, INP < 200ms, CLS < 0.1 — por padrão.

+
+
+
+ + +
+
+

Tecnologias usadas

+

A stack que alimenta a experiência 3D

+
+ React 18 + TypeScript + Vite + Three.js + @react-three/fiber + @react-three/drei + Framer Motion + S.O.L.I.D. + Atomic Design + CSS Custom Properties + WCAG 2.1 AA + Core Web Vitals +
+
+
+ + +
+ +

De átomos a
organismos vivos

+

A hierarquia de componentes em ação — cada nível herda os tokens dos níveis abaixo.

+
+
+
⚛️ Atoms — 11
+
+ ButtonBadge + CardGradientText + FloatingTextLightGlow + FloatingMeshParticleField + ThemeToggleDivider + Typography +
+
+
+
🔗 Molecules — 3
+
+ FloatingMeshParticleField + FeatureCard3d +
+
+
+
🦠 Organisms — 2
+
+ HeroScene3dFeaturesScene3d +
+
+
+
📐 Templates — 2
+
+ SceneCanvasThreePage +
+
+
+
📄 Page — 1
+
+ App.tsx + Hero + Features + About + CTA + ~ 500 lines +
+
+
+
+ + +
+
+
+
11
+
Átomos
+
+
+
8
+
Domínios de Tokens
+
+
+
3D
+
Cena Interativa
+
+
+
WCAG
+
AAA Acessível
+
+
+
+ + +
+

Transforme seu produto em
+ uma experiência 3D +

+

Do primeiro átomo ao deploy em produção. Design systems vivos que escalam com seu time.

+
+ + +
+
+ + + + + + + diff --git a/pulse-docs b/pulse-docs index e8e5d24..8208a67 160000 --- a/pulse-docs +++ b/pulse-docs @@ -1 +1 @@ -Subproject commit e8e5d24e8ce6bef39a444e24381f5379bc5ee4c7 +Subproject commit 8208a6783d6e2ffb57c1b3f85af7930971ab87f6 diff --git a/pulse-memory b/pulse-memory index c8a3e59..de88a83 160000 --- a/pulse-memory +++ b/pulse-memory @@ -1 +1 @@ -Subproject commit c8a3e598b8d1bd3d27e71fdf01f3b70120058d1c +Subproject commit de88a83ca379d1b13cb645d7df09de3337966429