# Storefront 012 — Storefront Work Archive — Dropout Studio

[Canonical page](https://dropoutstudio.co/storefront-library/storefront-012)

Ceremonial symmetry and deco ornament that make every product feel like an heirloom. — showcased storefront design work by Dropout Studio.

Ceremonial symmetry and deco ornament that make every product feel like an heirloom.

Category: E-Commerce

Status: work in progress. Storefront design showcase, not a listing to buy.

Your heritage or luxury brand deserves a storefront with the ceremony of a gallery, not the noise of a marketplace. Introducing Storefront 012 — an art deco Shopify experience designed to centre every composition, frame products in hairline ornament, and make considered purchases feel inevitable.

## What it included

- Axial-symmetric hero with a stacked serif headline over a radial sunburst motif.
- Hairline frames with corner marks around mastheads, panels, and empty states.
- Fan, chevron, and lozenge dividers separating every section.
- Letter-spaced small-caps labels paired with a monumental serif display face.
- Square-cornered variant chips, quantity steppers, and buttons throughout.
- Corner-bracket product framing with a framed order summary panel.
- Predictive search with product, collection, and article result tabs.
- Installable mobile app for loyal and repeat shoppers.
- Cloudflare edge delivery with Shopify-backed real-time data.

## Conversion ingredients

- Axial Symmetry — Centred composition that gives every page a ceremonial front-of-house feel
- Ornamental Framing — Hairline frames and corner marks that present products rather than list them
- Deco Dividers — Fan, chevron, and lozenge rules that pace a long page without clutter
- Monumental Type — Stacked serif caps and tracked labels tuned for high-ticket confidence
- PWA Ready — App-like revisit experience with offline route fallback
- Edge Runtime — Global edge delivery for consistently snappy browsing

## Best-fit teams

- luxury, heritage and jewellery brands
- ceremonial, gallery-style presentation
- considered, high-ticket purchases

## Stack signals

- Hydrogen
- React
- Typescript
- Tailwind CSS
- Shopify
- GraphQL
- shadcn/ui

## Pages included

- home — Sunburst hero, deco dividers, and a four-up featured product row
- collection views — Corner-marked masthead frame with square sort and column controls
- product detail — Corner-bracket framed media with a framed order summary and spec panel
- search — Predictive search overlay plus full results page
- account center — Orders, returns, addresses, profile, and subscriptions in one place
- wishlist — Save list flow designed to bring buyers back
- content + support — Blog, contact, FAQ, and policy pages for trust and clarity
- system pages — Sale, offline, sitemap, and not-found routes for resilient ops

## Screenshots

- [Storefront 012 homepage hero — axial-symmetric stacked serif headline over a radial sunburst motif with square shop now and search buttons](https://dropoutstudio.co/_app/immutable/assets/sf-012-home.BeZC3zk6.avif)
- [Storefront 012 all products collection — hairline corner-marked masthead frame with a chevron divider above square-cornered product cells](https://dropoutstudio.co/_app/immutable/assets/sf-012-collection.BLqgl9ub.avif)
- [Storefront 012 product detail — corner-bracket framed product image between a collections rail and a framed order summary panel](https://dropoutstudio.co/_app/immutable/assets/sf-012-product.goqQONXM.avif)
- [Storefront 012 homepage featured products — four-up row of portrait product cells with small-caps names and tabular prices](https://dropoutstudio.co/_app/immutable/assets/sf-012-home-mid.-46JO21B.avif)
- [Storefront 012 search results — serif slash search heading with an underlined query field and square column toggles](https://dropoutstudio.co/_app/immutable/assets/sf-012-search.6fOdKLMS.avif)
- [Storefront 012 wishlist page — empty state inside a hairline frame with a square heart tile and a filled start shopping button](https://dropoutstudio.co/_app/immutable/assets/sf-012-wishlist.DxeMF9Q5.avif)
- [Storefront 012 product page scrolled — framed specification panel above a lozenge-divided you may also like row](https://dropoutstudio.co/_app/immutable/assets/sf-012-product-scrolled.BlVsJg5U.avif)
- [Storefront 012 account orders page — hairline-framed sign-in gate with a square padlock tile](https://dropoutstudio.co/_app/immutable/assets/sf-012-account.BH-oQFf5.avif)

Last updated: July 9, 2026

Live walkthroughs (published showcase count): 0

[View storefront demo](https://storefront-012.beyourahi.workers.dev/)

[Storefront Work Archive](https://dropoutstudio.co/storefront-library)

[Explore E-commerce](https://dropoutstudio.co/services#e-commerce)

[Site context](https://dropoutstudio.co/llms.txt)