Visual Effects Library v3

Aligned with prototype.html — Saturated blur, filmic grain, directional glass

Saturated blur approachFilmic discrete turbulenceDirectional lighting80-120px blur glass

Luminous Spheres v3

Saturated blur approach — filter: blur + saturate + contrast

Use v3 Variants (glow/twilight/warm)

Size

Variant (prototype-aligned)

Glow Intensity: 0.70

Interactive (hover glow)

Coherence Sphere

Color + intensity map to score via HSL interpolation

Coherence Score: 72

0-24 (coral)25-49 (gold)50-74 (sage)75+ (teal)

Star Dust Particles

Depth layers (0=far/small, 2=near/large) + cursor interactivity

Mode

Color (6-point spectrum)

Density: 30 particles

Constellation connections (SVG lines)

Particle Burst

Celebration effect with radial explosion physics

Atmospheric Grain v3

Filmic discrete turbulence for 35mm pushed look + color tints + canvas fallback

SVG Grain — subtle

neutral ✓

warm

cool

violet

Intensity

AnimatedUse CanvasGrain (perf)

GrainLayer Presets

pagecardheromodalphotocinematic ★

Glass Surfaces v3

Directional lighting + diagonal gradients + 80-120px heavy blur + filmic grain

GlassSurface

Base component

blur: 20px

GlassCard

Pre-configured for cards

variant: standard + hover

Blur Variant

HSL Glow Color

Sphere Field v3 — Refined

All 6 refined palette colors in dual-wing composition: Violet anchor + warm wing (Rose, Coral, Gold) + cool wing (Sage, Teal)

Violet

Anchor

Rose

Coral

Gold

Sage

Teal

Violet anchor (center)

Warm wing (left)

Cool wing (right)

Refined 6-color palette (Jan 2026): Violet, Rose, Coral, Sage, Teal, Gold — harmonious dual-wing composition