Mote: A Framer Website for Hardware Pre-orders

Original Apollo Studio Framer template. The brand and product content are fictional demonstrations.

Mote is our Framer template for hardware teams opening pre-orders. We built the demonstration around a small wearable called Cuff-01, with enough product detail to make the entire launch page feel consistent. Mote and the wearable are fictional demonstration brands, created by Apollo Studio for the template.

The homepage introduces the wearable through a close-up of someone wearing it. Product renders then show its shape, finish, and charging case. A quiet palette and a small yellow accent keep the photography prominent while making the reservation controls easy to find.

The page moves from an introduction to a four-step product story, a scroll-scrubbed film, specifications, and two purchase options. Visitors can inspect the object and understand the offer before reaching the reservation form.

Material studies and multiple views of the demonstration wearable.

The Figma file has a dedicated image board containing product-only renders, on-body views, case images, and supporting app screens. Seeing those assets together makes the visual consistency easier to judge: the same object has to remain recognizable across very different crops and contexts.

The source file also separates the homepage and 404, reservation page, and terms page into their own design sections. That structure gives the launch a complete path beyond its opening screen.

Original Figma image board: wearable renders, charging case, on-body crops, and app screens.

In Framer, the launch includes a countdown, animated counters, product specifications, and a dedicated reserve page with an order summary and form. The reservation form collects interest; it does not take payment. A buyer can connect their own payment and fulfillment services when adapting the template.

Mote launched as an editable Framer template for physical products, wearables, and limited runs. The Figma design is available in the bundle.

Two product options lead into the reservation flow. Prices shown are demo content.