Span by Pylon
An engineered studio site, shipped same-day. 12 sections. 1 config file. Zero build step. SPAN is the flagship of the PYLON system — a complete creative-studio template wrapped around a Three.js WebGL hero, hover-image project list, smooth-scroll engine, and progress-gated loader. Drop in your brand. Deploy anywhere static. Go live before lunch. WHAT'S INSIDE Three.js WebGL hero with editable GLSL shader Smooth-scroll engine + magnetic cursor Hover-image project list with live index counter Full-screen menu overlay with curtain transition Progress-gated loader, dual-email contact, newsletter footer Studio ledger, process, capabilities, testimonial, FAQ 12 SECTIONS Nav · Hero · Ticker · Studio · Projects · Process · Capabilities · Testimonial · Clients · FAQ · Contact · Footer WHAT YOU EDIT One file — brand-config.json. Studio name, palette, type, copy, links, projects. The site re-skins in under 60 seconds. STACK Vanilla HTML / CSS / JS + Three.js via CDN. No build step. Deploys to Vercel, Netlify, Cloudflare Pages, S3, or any static host. FILES index.html · styles.css · app.js · scene.js · brand-config.json · /assets · README · LICENSE · CHANGELOG BUILT FOR Creative studios, design agencies, and freelancers who want an awwwards-grade site live by Friday — without a Framer or Webflow subscription. LICENSE One commercial project. Unlimited revisions. Lifetime updates within v1.x. Resale prohibited. PYLON / 01 — Strata edition. Use code LAUNCH for 25% off launch week.
Get it → pylondev.gumroad.com