Homepage Custom Build for Kura Brand
Built the brand homepage for KURA Kitchen, a stainless steel cutting board brand I created from scratch. The page opens with a GSAP-animated preloader, flows into a cinematic full-bleed hero with parallax, and uses horizontal scroll panels for the use-case section. Everything nav, animations, typography, layout, lives in one HTML file.
What I did:
Created the full brand identity (name, palette, typography, voice) before touching code
Wrote all page copy in the brand's voice: precise, warm, no filler
Built a branded preloader sequence (slate background, copper loading bar, Cormorant Garamond tagline)
Designed a transparent nav that transitions to frosted glass on scroll
Built horizontal scroll panels with a copper progress bar for the use-case section
Implemented word-split headline animation with GSAP stagger (80ms per word)
Responsive across 375px, 768px, 1280px mobile-first CSS, zero max-width queries
Tools:
Shopify · HTML/CSS/JS · GSAP · Google Fonts · GPT-Image (AI photography) · Custom SVG icons



0 likes · 12 views · May 16, 2026
Designed and developed a custom brand homepage for KURA Kitchen, a stainless steel cutting board fictional brand I created from scratch.