Skip to content
SevenUI
Sign in

Product Detail

The page a shopper decides on: photography, the variant they pick, the detail they check, and the proof they read before buying. 7 blocks in this category.

Every block here is Pro. One purchase, yours forever —$99 lifetime, rising to $249 once the catalog launches.

Pre-order — $99

Product Detail 01Pro

A field-manual plate: six numbered callouts pinned onto the pack in the photograph, each one written out beside it in a construction ledger that doubles as the marker legend, over a volume and torso chooser that moves the stated carry weight.

Open the Product Detail 01 preview in a new tab
… add @sevenui/pro/product-detail-01
100%

Product Detail 02Pro

A quiet-luxury column: a sticky hairline thumbnail rail beside one very tall crop, a borderless run of labelled rows for cloth, size and cut, and three oversized pull-quotes where a review list would usually sit.

Open the Product Detail 02 preview in a new tab
… add @sevenui/pro/product-detail-02
100%

Product Detail 03Pro

A full-bleed filmstrip that lets its neighbours peek drives the page, with the set priced against open stock in a tally table, care folded into an accordion, and customer photographs that scroll the strip back.

Open the Product Detail 03 preview in a new tab
… add @sevenui/pro/product-detail-03
100%

Product Detail 04Pro

A marketplace listing built as a table rather than a card stack: the price is the largest type, one bordered buy box holds the decision, and a star histogram doubles as the review filter.

Open the Product Detail 04 preview in a new tab
… add @sevenui/pro/product-detail-04
100%

Product Detail 05Pro

A warm single column between a full-bleed origin plate and one wide shelf: a roast slider moves the bean image and rewrites the tasting notes, then grind, weight and a subscription priced in grams a day.

Open the Product Detail 05 preview in a new tab
… add @sevenui/pro/product-detail-05
100%

Product Detail 06Pro

A technical dossier: a dotted-leader specification table carries the page, four measured sub-scores double as the review filter, and the comparison shelf repeats the deltas beside each model.

Open the Product Detail 06 preview in a new tab
… add @sevenui/pro/product-detail-06
100%

Product Detail 07Pro

Colour is the control: a full-width row of named photo swatches drives the gallery and the price, a four-state size keypad shows exactly what is made, and the fit distribution reads before any review does.

Open the Product Detail 07 preview in a new tab
… add @sevenui/pro/product-detail-07
100%