Archives: Websites

eCommerce Websites

Autonomous

Autonomous now describes itself as an “AI hardware workshop,” having expanded from its original standing desk and ergonomic chair line into robots, an AI workstation called Computer 2, a desk lamp, a wearable Harness and AI-designed toys. Office furniture remains a category, but the homepage leads with robotics and AI compute. Navigation runs Store, Robots, Harness, Datacenter, Office and Toys, on a Next.js build.

Website Design

Fraunces over a system sans. Headline type loads Fraunces, a Google Fonts serif with an optical-size axis, pulled in specifically for display text, while interface and body copy fall back to the operating system’s own sans-serif stack.

A dual light and dark token set. The design system defines paired values for every color, for example background #111 in dark mode against #fff in light, so pages can render either scheme from the same variable names rather than a single fixed palette.

Deep blue reserved for buying. Across both modes, the add-to-cart color stays a consistent dark blue, #003e7f, with a lighter accent blue, #5fa8f5, used for informational states, keeping the purchase action visually distinct from general UI accents.

Status colors follow a standard traffic system. Error and danger states use red tones (#e7000b in dark mode, #c10015 for a stronger variant), paired with matching light backgrounds, a conventional design-token approach rather than a custom brand palette for alerts.

Shopping Experience

Category-first entry points. Rather than one storefront grid, the homepage routes shoppers directly into Robots, Harness, Datacenter, Office and Toys as separate destinations, each functioning as its own mini-store.

A wide price spread in one catalogue. Pricing spans from roughly $149 for the Harness up to $26,100 for the Computer 2 workstation, putting an accessible wearable and an enterprise-grade AI machine under the same brand.

Bulk and business ordering surfaced separately. An “office furniture bulk orders” page sits outside the main navigation, aimed at business buyers rather than individual shoppers.

Toys framed as a designed category. The Toys section is described as designed by “AI inventors,” giving it its own creative framing rather than treating it as a minor accessory line.

Brand Storytelling

A one-line thesis on the homepage. The hero states plainly, “Software got AI. Hardware didn’t. So we build devices that do,” using that gap as the entire premise for the product range.

Personal framing repeated across categories. Taglines like “Your personal robot,” “Your personal home office” and “Your personal AI datacenter” apply the same personal-ownership language to products as different as a chatbot companion and a data center rack.

Community and open-source pages sit in the main nav. Community and Open Source links appear alongside shopping categories, positioning some hardware as developer-facing rather than purely consumer.

Notable Features

A named newsletter with editorial framing. The signup is branded “Workshop Notes” rather than a generic newsletter, extending the workshop metaphor from the hero tagline into ongoing communication.

Physical offices listed by city. The footer names specific locations, including New York, San Francisco, Shenzhen and Saigon, a stated physical footprint beyond the storefront.

Developer-adjacent social channels. Alongside typical social links, the footer includes GitHub and Reddit, channels more common to a hardware or software company than a furniture retailer.

Autonomous Shop Category page example

Autonomous Product page example

Autonomous Checkout page example

Autonomous footer example

Stori

Stori is a Toronto-based cannabis storage brand selling the Full Stori case system and the smaller Stori Pair, built from food-grade aluminum with color-coded, child-resistant Pods and Tubes for organizing dried flower and edibles. The line targets cannabis users who want discreet, organized storage rather than plastic baggies, and the store runs on Shopify.

Website Design

A forest green and warm cream palette. Pages sit on a warm off-white ground with a dark forest green used for the header banner, footer and body text, plus small gold and mustard accents that echo the product’s Pod lid colors.

Harmonia Sans throughout. Headings and body copy both use Harmonia Sans, a rounded, even-weight sans that keeps the tone friendly rather than clinical, appropriate to a product built around discretion and everyday use.

Clean product photography on white. Product shots isolate the Stori Case and Pods on plain white cards inside the cream page background, with a black wordmark logo, all lower case, at the top left.

Shopping Experience

A two-item main grid. The Shop Storage collection lists just two products, Full Stori and Stori Pair, each shown at a discounted sale price with the original price struck through and a rounded “Sale” badge.

Product pages lead with proof. The Full Stori page opens with a “New” ribbon and a “Shipping Now” banner over the hero image, followed by a star rating, a bulleted list of capacity, material and child-resistance facts, a color dropdown and a gold Add to Cart button. Free shipping on orders over $140 and free returns are noted beneath the button.

Press and partnership blocks below the fold. The page continues into an “As Seen On” section citing High Times and Product Hunt, a numbered 1-2-3 explainer of Case, Tubes and Pods, and a Stori x Boveda section on the humidity packs bundled with the Case.

PayPal-first checkout. A site-wide banner states PayPal is the only accepted payment method, and checkout offers PayPal as the express option plus a Bankful card option, with a gold Pay Now button.

Brand Storytelling

Award-winning as the headline claim. The Storage collection page is titled “Award-Winning Storage Solutions,” and product copy repeats award language rather than lifestyle imagery.

Function over aesthetics in the copy. Bullet points emphasize UV-blocking aluminum, FDA-approved food-safe material and child-resistant caps ahead of any styling language, positioning the product as a safety and organization tool first.

Notable Features

A newsletter incentive tied to a gift. The footer-adjacent signup reads “Sign up and unlock a gift” rather than a generic discount offer.

Multi-color Pod system. The Stori Pair listing shows a “+3 colors” swatch indicator on the product card itself, surfacing variant choice before the shopper opens the product page.

Wholesale program linked from the footer. Alongside standard policy links, the footer carries a dedicated Wholesale Program link, signaling a B2B sales channel alongside direct-to-consumer.

Stori Shop Category page example

Stori Product page example

Stori Checkout page example

Stori footer example

Folia

Folia Body is on a mission is to provide the finest exfoliation products, enabling you to experience the beauty of healthy, vibrant skin.

Brami

Brami is a producer and retailer of plant-based, Mediterranean-inspired snacks. The company’s products include corn snacks in different flavors such as chia, almonds, quinoa, peanuts, chickpeas, lentils, soybeans, and lupini.

Sundae Flowers

A Seoul and Los Angeles based Smokewear and Cannabis brand with a mission to globalize and destigmatize Cannabis. They we make high-quality goods for high-functioning degenerates