Overview
Foldcraft is a full-viewport brand / studio marketing hero by SonoJS. Built with Vite, React 19, Tailwind CSS 4, and Lucide. Looping hero.mp4 stage, Foldcraft mark, Home / Projects / Studio / Reach Us nav with Let's Talk, Brand & Visual Storytelling kicker, Shaping visual narratives, one pixel at a time. headline, craft/motion pitch, and Explore Work CTA. Mobile full-screen menu. Demo studio chrome only - no contact backend. Vite build ready for Cloudflare Workers.
Highlights
- 01
Full-bleed video stage
Looping hero.mp4 with object-positioned cover behind Geist type.
- 02
Visual narratives headline
Shaping visual narratives, one pixel at a time. with Brand & Visual Storytelling kicker.
- 03
Studio chrome
Foldcraft nav, Let's Talk, Explore Work CTA, and mobile full-screen menu.
- 04
Vite and fork-ready
Vite 8 + React 19 + Tailwind 4 + Lucide - npm run build to dist/.
You get
- Full Vite + React 19 source (Foldcraft)
- App.jsx hero shell with mobile menu
- Tailwind CSS 4 via @tailwindcss/vite
- public/videos/hero.mp4
- lucide-react
