Edit me · how this template works
Make it your drop.
QUEUE works for any clothing or merch brand: a band, a café, a creator, a studio. Delete this page before you publish.
01
Products
Every product lives in the Products collection. Name, Price, Colour, Sizes and Category show on the cards; Description, Details and the three images fill the product page.
Rail image is the picture that hangs on the rail: a transparent PNG or WebP, 900 × 1400, with the hanger hook at the top centre. Photo 1 and Photo 2 are normal 4:5 photos. Rail order sets the order on the rail and in the grids.
Buy link is where the Buy button goes. Paste a Shopify product or checkout link, a Stripe Payment Link, or any shop URL. Switch In stock off and the button hides and a sold-out note appears. Status is the small orange label on the card (for example Low stock).
02
Your own rail images
Photograph each piece on a hanger against a plain wall, cut it out with any background remover, and place it on a 900 × 1400 transparent canvas with the hook touching the top edge. Keep the shoulder line at the same height on every image so they hang level.
The rail itself is a native frame with a chrome gradient, so it stays sharp at any size. The pegboard wall is the Pegboard code component: change the board colour, hole colour, spacing and grain in its properties.
03
The drop date
The countdown is the DropCountdown code component. Set Drop time to your launch date with a time zone, for example 2026-11-20T10:00:00-05:00. After that moment it shows the Live text instead.
The black ticker under the rail is the Ticker component. Edit its items in the properties panel; visitors who prefer reduced motion see it still.
04
Colours, type and logo
Colours are styles: Wall, Wall Deep, White, Ink, Black, Signal (the orange), Steel and Muted. Change Signal to your brand colour and every accent follows.
Headings use Instrument Serif, body text Geist, and labels Geist Mono. Replace the hanger logo and the QUEUE wordmark in the Navigation and Footer components.
05
Forms
The newsletter and contact forms use Framer Forms. Choose where submissions go (email, a Google Sheet or a webhook) and send a test from the published site. The Submit Button component has Pending, Success, Error and Incomplete states.
Credits
Photographs from Unsplash (Unsplash License); garments cut out and relit for this template. Logos printed on the demo garments belong to their owners and are shown incidentally. Fonts from Google Fonts (SIL Open Font License).