Kabut

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