KABUT is a drop-model commerce template — not another clothing store.
Built for labels that release in numbered, limited editions: a live drop with a countdown, sold-out states that actually mean it, and an archive where closed drops are remembered. The demo ships as a complete fictional label with Drop N°07 "GHOST PROTOCOL" live — 12 editioned products, 8 lookbook shots, 6 archived drops, and real copy on every page. No lorem ipsum anywhere.
THE DROP SYSTEM
• Drop page with campaign hero, live countdown, the pieces, and a size-run availability table
• [AVAILABLE] / [LOW STOCK] / [SOLD OUT] states driven from the CMS across cards, tables and filters
• Archive of closed drops with their own detail pages — when a drop sells out, it moves here
• Shop with three URL-linked filters (drop, category, size) that survive page loads and can be shared as links
THE MOTION
• Full-page tilt-away navigation — the page rotates off in 3D to reveal the menu, and menu links transition seamlessly inside the tilted plane
• Choreographed preloader with a two-stage dissolve — first load only, respects reduced motion
• Cursor-reveal fog hero, sticky mask-wipe lookbook intro, slow-rotating 3D spec card, smooth scroll, hover model-swap product cards
THE SYSTEM
• 16 pages: Home, Drop, Shop, Product detail, Lookbook, Archive + detail, Manifesto, Stockists, FAQ, Cart, 404, Coming Soon, Privacy, Terms
• 6 CMS collections — swap the demo content and the whole site follows
• Designed desktop, tablet and phone layouts on every page
• Commerce-ready: connect Framer Commerce, Shopify or Stripe payment links and start selling
Live preview: https://kabut.framer.website
KABUT is a drop-model commerce template — not another clothing store.
Built for labels that release in numbered, limited editions: a live drop with a countdown, sold-out states that actually mean it, and an archive where closed drops are remembered. The demo ships as a complete fictional label with Drop N°07 "GHOST PROTOCOL" live — 12 editioned products, 8 lookbook shots, 6 archived drops, and real copy on every page. No lorem ipsum anywhere.
THE DROP SYSTEM
• Drop page with campaign hero, live countdown, the pieces, and a size-run availability table
• [AVAILABLE] / [LOW STOCK] / [SOLD OUT] states driven from the CMS across cards, tables and filters
• Archive of closed drops with their own detail pages — when a drop sells out, it moves here
• Shop with three URL-linked filters (drop, category, size) that survive page loads and can be shared as links
THE MOTION
• Full-page tilt-away navigation — the page rotates off in 3D to reveal the menu, and menu links transition seamlessly inside the tilted plane
• Choreographed preloader with a two-stage dissolve — first load only, respects reduced motion
• Cursor-reveal fog hero, sticky mask-wipe lookbook intro, slow-rotating 3D spec card, smooth scroll, hover model-swap product cards
THE SYSTEM
• 16 pages: Home, Drop, Shop, Product detail, Lookbook, Archive + detail, Manifesto, Stockists, FAQ, Cart, 404, Coming Soon, Privacy, Terms
• 6 CMS collections — swap the demo content and the whole site follows
• Designed desktop, tablet and phone layouts on every page
• Commerce-ready: connect Framer Commerce, Shopify or Stripe payment links and start selling
Live preview: https://kabut.framer.website
Hakim Haiman
