Board Style Lab

Fullscreen domain-warped GLSL aurora gradient (purples/golds) with glassmorphic frosted UI panels; signature continuous WebGL shader animation running behind translucent cards in a dark, elevated design.

Apple-style frosted refractive liquid-glass cards (real SVG displacement) over drifting blurred color orbs with pointer parallax. Deep, calm, premium.

A slowly rotating faceted 3D crystal (Three.js icosahedron) as the OVR centerpiece with Fresnel + rim-glow lighting, paired with metric cards and the Locked In strategy board. The hero stat ($73.50 LTV) sits center in the crystal panel with a count-up animation; metric tables radiate clarity with glass-panel styling and semantic token colors.

Raymarched metaball liquid-metal blob animates as the hero object beside responsive metric tables; polished chrome reflection with deep radial backdrop creates immersive monetary world. $73.50 glows in the liquid surface.

A sci-fi command HUD aesthetic: neon cyan/magenta on black, an animated perspective grid floor with corner angular brackets, a spinning radar sweep overlay, and glitch-inspired monospace numerics. The signature animation (requestAnimationFrame) continuously renders the perspective grid, rotating conic radar, and pulsing circles at the command center—a living, breathing tactical display for strategy-board KPIs.

Luxury-automotive cockpit with carbon-fiber textures, animated radial gauge cluster (needles sweep from 0 to target values on page load), M-stripe gold accents, and a prestige black-and-red palette. The signature animation is a continuously-running canvas-based carbon weave pattern with GPU-accelerated needle sweeps and count-up numbers.

CRT phosphor-green ops console with continuous scanline flicker, vignette shader, animated typewriter headline reveal, blinking cursor in the wordmark, and count-up on the hero stat. Every element combines scale+opacity entrance with staggered 60–120ms delays; tables rendered in crisp monospace with semantic color tokens locked as CSS variables. The signature animation—phosphor glow pulse + scanline flicker—runs indefinitely via requestAnimationFrame.

Bloomberg-dense data terminal: live-ticking numbers with green/red deltas, per-row canvas sparklines, blinking status dots, ultra-compact legible tables.

Strict International typographic grid with oversized grotesk (Archivo), generous whitespace, signal red accents, and GSAP scroll-reveal + count-up animations creating a minimal yet precise visual language. Light paper aesthetic with hairline borders and baseline-aligned rhythm.

Apple Health light aesthetic: animated concentric progress rings scale on load with gentle spring easing; soft floating metric cards with count-up animations; calm, premium, breathable whitespace. The signature rings animate continuously via requestAnimationFrame.