Custom Homepage Build for KURA Kitchen by Ridwan AdekunleCustom Homepage Build for KURA Kitchen by Ridwan Adekunle

Custom Homepage Build for KURA Kitchen

Ridwan Adekunle

Ridwan Adekunle

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
Like this project

Posted May 16, 2026

Designed and developed a custom brand homepage for KURA Kitchen, a stainless steel cutting board fictional brand I created from scratch.