Built from
tension.

An editorial, high-contrast Shopify theme engineered for apparel and streetwear — a signature mega menu with a live product rail, 35+ sections, and everything editable from the customizer. Accessible and fast by design.

35+Sections
5Color schemes
WCAGAccessible
5Languages · RTL
0External deps
The theme, live on the storefront
cinder.myshopify.com
The Cinder theme homepage, live
01 — Why Cinder

Everything a modern apparel store needs — nothing it doesn’t.

Cinder pairs an unmistakable editorial identity with the merchandising tools that actually move product, and the engineering discipline that keeps your store fast and inclusive.

FEAT/01

Sections everywhere

Built on Online Store 2.0 — add, remove, and reorder sections on every page, including product and collection. Every heading, image, and label is editable in the theme editor. No code.

FEAT/02

Signature mega menu

A desktop mega menu that fills its space: navigation columns built from your menu, a live product rail pulled from any collection, and an editorial promo card. Fully responsive and keyboard-operable.

FEAT/03

Merchandising built in

Native filtering & sorting, predictive search, quick view and quick add, complementary and recently-viewed rails, a free-shipping bar, and a slide-in cart — the tools that lift conversion and AOV.

FEAT/04

Editorial media

A cinematic hero, a shop-the-look lookbook, an editorial gallery/filmstrip, video, a before/after slider, and marquees — the storytelling range a fashion brand needs, all art-directed.

FEAT/05

Accessible by design

Keyboard-operable menus, drawers, galleries and sliders; visible focus states; labeled controls and aria-expanded triggers; a skip link; and full prefers-reduced-motion support. WCAG-minded throughout.

FEAT/06

Fast & self-contained

No external fonts, scripts, or CDNs. Responsive images with an eager LCP, lazy-loading below the fold, deferred JavaScript, and no layout shift — engineered to protect your Core Web Vitals.

02 — The library

Every section you need to build the whole store.

A deep, art-directed section library — compose homepages, product pages, collections, and content pages freely. Each one is fully configurable, with color schemes, spacing, and repeatable blocks.

A Heroes & banners
Hero Full-bleed

Cinematic banner with eyebrow, emphasized heading, two CTAs, scrim, and spec marks. Your page’s H1.

Slideshow Carousel

Rotating slides with swipe, dots, and accessible (off-by-default) autoplay.

Promo banner CTA

Full-width call-to-action over an image with a scrim for legibility.

Marquee Ticker

A scrolling band of brand phrases — texture and motion between sections.

B Content & media
Image with text Chapter

Side-by-side image and story block; alternate the media side down a page.

Rich text Statement

A centered or left editorial statement — manifesto or pause.

Multicolumn Spec grid

2–4 columns with icon, heading, and text — feature or spec grids.

Gallery Filmstrip

Editorial grid or filmstrip with captions, corner marks, and B&W-on-hover.

Lookbook Shop the look

Multi-look filmstrip with a shoppable product list beneath each look.

Video Media

Hosted or YouTube/Vimeo video with poster and play overlay.

Before / after Slider

Draggable, keyboard-operable image comparison.

Collapsible / FAQ Accordion

Accessible accordions for FAQs, care, and specs.

Contact form Form

Styled contact form wired to Shopify, with a success state.

Custom Liquid Advanced

Inject custom Liquid/HTML for one-off needs.

C Product & collection
Featured collection Rail

Products from a collection as a grid or swipeable rail.

Featured product Spotlight

Spotlight one product with media and a compact buy area.

Collection list Categories

A grid of collections so shoppers jump into a category.

Featured blog Journal

Recent articles as cards — an editorial teaser.

Complementary · Recently viewed · Recommendations Dynamic

Shopify-powered product rails that lift AOV.

D Social proof
Testimonials Quotes

Customer quotes with optional score and attribution.

Logo list / Press logos Marks

“As seen in” partner and press credibility marks.

E Promotions & growth
Promo tiles Split

Two or more promo tiles to split attention between campaigns.

Campaign split Editorial

A bold editorial image/message split for a season.

Countdown Urgency

A drop countdown band — pairs with the Signal scheme.

Newsletter Signup

Email capture wired to Shopify customer signup.

Promo popup Modal

An optional, accessible timed offer popup.

Full section reference in the docs

03 — How it works

Signature functionality, engineered end to end.

Navigation

A mega menu that sells

The desktop mega menu turns navigation into merchandising. It builds link columns from your menu, then adds a live product rail and an editorial promo card — no empty space, all shoppable.

  • Columns generated automatically from your menu structure
  • A featured-products block pulls real products (image, title, price) from any collection
  • An editorial promo card with image, heading, and link
  • Responsive down to a clean mobile drawer; fully keyboard-operable
cinder.myshopify.com
Cinder mega menu open, showing the nav columns and a live product rail
Product page

A product page that converts

An editorial media gallery beside a sticky buy column — with a mono frame counter, zoom, video and 3D. The buy area covers everything shoppers expect and a few things they’ll love.

  • Variant swatches that update price, availability, and gallery
  • Size guide, back-in-stock notifications, and gift-card recipient form
  • Delivery / returns / care accordions and dynamic checkout
  • Complementary and recently-viewed product rails
cinder.myshopify.com/products/78-graphic-jersey-tee
Cinder product page — sticky gallery on the left, buy area with size picker and price on the right
Discovery

Filtering & predictive search

Native Shopify filtering renders as a clean, premium drawer — accent-fill checkboxes, count chips, and price ranges — with sorting alongside. Predictive search surfaces products, collections, and articles as customers type.

  • Filter by availability, price, color/size, type, vendor, or metafields
  • In-grid promo tiles to break up long collections
  • Fast, accessible search modal with keyboard navigation
cinder.myshopify.com/collections/all
Cinder collection page with the slide-in filter drawer open, showing availability and price filters
Quality

Accessible, fast, international

Cinder is engineered to pass review and serve everyone. It’s keyboard-operable and screen-reader friendly, honors reduced-motion, protects color contrast, ships responsive images and deferred scripts, and speaks five languages with full RTL support.

  • WCAG-minded: focus states, labels, skip link, aria state
  • Core-Web-Vitals-first: eager LCP, lazy media, zero layout shift
  • English, Arabic, German, Spanish, French — RTL ready
cinder.myshopify.com/collections/all
Cinder collection grid with indexed product cards and a sort control
Documentation

Every detail,
documented.

A complete, searchable help center: setup, every theme setting, every section, the mega menu in depth, product & collection pages, how-to guides, accessibility, and performance.

Open the help center
04 — Support
Talk to the
team behind it.

Cinder is built and supported by SPELL. Have a question about setup, a customization request, or a bug to report? Send a message — a real person replies.

ResponseUsually within one business day
Studiospell.agency — Shopify design & build