A premium limited-drop landing page for fashion brands, streetwear labels, and capsule collections — in multiple formats, bundled at a better price.

Velvet Utility handles everything a drop needs: countdown, email capture, dual page states (pre-drop and live), scarcity tracker, lookbook, collection grid, bundle upsell, and inline cart. Pick the bundle that fits how you work.

Eight sections built around scarcity and urgency:

Hero — full-bleed editorial image, live countdown timer, email notify form (pre-drop) and shop CTA (live), with a demo state toggle

Drop story — brand narrative with stat row: pieces / max units / restocks

Anchor product — hero SKU with materials, production notes, colorways, units remaining, and locked/live CTA states

Live unit tracker — scarcity bar list auto-generated from your product JS array, updates as stock changes

Lookbook — editorial grid, five images, tall + square layout, location captions

Collection grid — all SKUs with price, colorways, units remaining, and add-to-cart

Bundle offer — full-kit upsell with individual prices, bundle total, savings callout, hard unit cap

Cart + terms — inline cart summary, checkout CTA, shipping terms, drop close date

Pre-drop — countdown active, email notify form visible, buy CTAs locked with "Available at drop" message

Drop live — "Live now" badge, buy CTAs unlocked, cart active

One body class controls the entire state. Wire it to a timestamp on your backend, or flip it manually when the drop opens.

Option A — React + Figma The React component plus the full Figma source. Customize in Figma first, then ship — or hand the .fig to a client and implement yourself. Every section in code matches the design file. Best pair for designers who also ship.

Option B — HTML + Figma Self-contained HTML page plus the Figma source. No build step, no framework — deploy anywhere in minutes. Design and no-dependency code in sync. Best for teams that don't use React or want the fastest path to live.

Option C — React + HTML + Figma Everything. React for your main codebase, HTML for instant deployment or client handoff, Figma for design iteration. All three in one zip, organized by folder. Best value — cheaper than buying all three separately.

Barlow Condensed + DM Mono + DM Sans — editorial, fashion-forward type stack

Full-bleed hero with Unsplash placeholder images — swap URLs to your own shots

Dual page states wired to a single body class

Countdown timer: days / hours / minutes / seconds

Live scarcity tracker, auto-generated from a single JS product array

Inline cart in vanilla JS / React state — connect to Shopify, Stripe, or custom checkout

Mobile-sticky notify / shop CTA

No external JS libraries

Brand name, drop number, release date and time

Hero and lookbook images → your editorial photography

Product names, prices, colorways, unit counts → your SKUs

Email form → Klaviyo, Mailchimp, Loops, or any POST endpoint

Checkout button → Shopify, Stripe, or your own flow

Shipping terms and drop close date

Fashion brands and streetwear labels running limited drops

Developers building drop pages for fashion clients

Designers who work in Figma and hand off to developers

Template sellers who want source files to adapt or resell

Teams who want both a framework version and a plain-HTML fallback