Foldcraft

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

1. 01

   Full-bleed video stage

   Looping hero.mp4 with object-positioned cover behind Geist type.

2. 02

   Visual narratives headline

   Shaping visual narratives, one pixel at a time. with Brand & Visual Storytelling kicker.

3. 03

   Studio chrome

   Foldcraft nav, Let's Talk, Explore Work CTA, and mobile full-screen menu.

4. 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