When a merchant opens a new Cartly store, the first thing they see matters. The storefront is the brand — and if it looks generic out of the box, it takes significant design work before a single product sells. That is the problem Clarity was built to solve.
An editorial aesthetic, zero design work
Clarity arrives in the Cartly AppStore as our new default theme. "Default" does not mean minimal. Every page is designed to communicate quality — warm-gold accents, Playfair Display headings paired with Inter for body copy, and off-white surfaces that feel premium without being cold.
The goal: a merchant who installs Clarity and adds their products should look store-ready without touching a single CSS file.
The customer journey, section by section
Home
A full-width hero with an editorial overlay headline, a featured collection band with Quick-Add cards, an image-with-text highlight panel, a testimonials strip, and a newsletter subscription block. Everything is configurable from the Visual Editor sidebar — no code required.
Collection (filter-rail PLP)
The product listing page is where Clarity stands out most visibly. A persistent filter rail on the left shows Typesense-backed facets — vendor, size, color, price range — with active-filter chips at the top that let customers remove individual filters with a single click. On mobile the rail becomes a slide-in sheet triggered by a Filter button above the grid.
Sort options (Featured, Price low to high, Newest) sit in a dropdown above the grid. Page navigation scrolls smoothly and preserves the active filter state in the URL — customers can bookmark and share a filtered view.
Product (sticky-info PDP)
The product detail page uses a split layout: the media gallery takes the left column and scrolls normally, while the product information panel on the right is position-sticky — it stays anchored to the viewport while the customer scrolls through multiple images. Variant selectors, quantity input, and the Add to Cart button stay in reach at all times.
Three sections are pre-configured below the fold on every Clarity product page:
- Bundle Items — a frequently-bought-together cross-sell block that lets merchants pin related products with a combined add-to-cart action.
- Product Reviews — star rating summary, review list with pagination, and a customer submission form (requires Reviews enabled in settings).
- Recently Viewed — a localStorage-backed carousel that surfaces the last four products the customer browsed, helping them resume interrupted shopping sessions.
Cart
A two-column layout combining the line-item list and the order summary in a single view. No separate drawer or side panel — everything is on one page, reducing the cognitive switch between "what am I buying" and "what does it cost". A sticky summary column shows the running total and the Checkout button as the customer adjusts quantities.
All 7 marketplace themes
Clarity joins a catalogue that now spans seven distinct aesthetic directions: Minimal (clean, Swiss-grid), Vogue (high-fashion editorial), TechPro (product-led dark theme), Crafter (artisan warm wood), Linen (off-white editorial), Mono (typographic journal), and Clarity (premium warm-gold default).
Every theme in the catalogue is available in AppStore → Themes with a live preview. Switching themes is non-destructive — Cartly's fork-on-write architecture preserves any customisations you have made to the previous theme's files.
Install Clarity from the AppStore →
Clarity Theme developer guide →