Aether

Aether is a dark, one-page Framer site for a streetwear or outerwear label launching a drop.

The signature moment: a red ringed planet turns in a starfield behind the label's name. As you scroll, "AETHER" breaks apart, you fall into the planet while the stars streak past, and the campaign photo opens out of it. Then red tickers, a product grid with category filters that re-flow with spring motion, cards that tilt and glow under the cursor, "Add to bag" with a bag counter and a toast, a sideways lookbook over a giant word, products orbiting a planet, a drop countdown with a sign-up form, and a footer that draws an orbit. Smooth scrolling throughout; reduced-motion visitors see the finished states.

Eight sample products in three categories. Each product has a name, detail, price, category, tag, photo and its own link, so "Buy" can go to your Shopify, Gumroad or Lemon Squeezy page. The bag is a demo counter, not a checkout.

How it is built, so there are no surprises: every section is a Framer code component. You change the words, photos, products, links, colours of the planet and the countdown date from the right-hand panel without touching code, but the layout of each section is fixed in code, so you cannot drag a section's inner parts around on the canvas. It is one page with no CMS.

The sample photos are AI-generated for the preview; swap in your own. A free Framer plan is enough to edit and publish on a framer.app address.