Propel

Performance and technical apparel

Propel is built for brands that sell performance and technical apparel. Square geometry, one-pixel rules, condensed display type and numbered labels give it a precise, editorial look, and one signal color marks the moment that matters on each screen. It ships with a nine-color palette, light, dark and system presentation modes, and storefront text in six languages, including right-to-left Arabic.

Tone: Precise, editorial, direct

Features

Transition hero with up to three campaign slides and a product callout

Tabbed highlights, product set with numbered product markers, and brand story

Product gallery with zoom, video, 3D models and View in your space

Image comparison, spec sheet, product story and buy together on the product page

Size guide, pickup availability, quantity rules, subscriptions and gift card recipient form

Collection filters, sorting and adaptive pagination

Cart drawer and cart page with order note, discounts, accelerated checkout, free-delivery progress and an upsell

Quick add and quick view on product cards

Predictive search with product, article and page results

Light, dark and system presentation modes

Storefront text in English, French, Arabic, German, Italian and Spanish, with right-to-left layout

Color Palette

Paper

Light mode page background

Surface

Light mode cards, panels, drawers and dialogs; text on bands, accent and selected

Text

Light mode headings and body text

Ink

Contrast bands, primary buttons and selected options (light mode)

Signal

Accent: highlights, links and the one signal moment on each screen

Dark paper

Dark mode page background

Dark surface

Dark mode cards, panels, drawers and dialogs

Dark text

Dark mode text, primary buttons and selected options

Dark ink

Dark mode contrast bands; text on accent and selected

Typography

Headlines

Barlow Condensed: condensed display type for headings

Heading Preview

Subheading Preview

Body Copy

Manrope for body and interface text, with IBM Plex Mono for small labels

This preset uses carefully selected typeface pairings to establish visual hierarchy and maintain readability across all device sizes.

Section Architecture

transition-hero

Up to three campaign slides, each with a product callout

tabbed-highlights

A list of highlights shown as tabs

product-set

One image with numbered product markers

featured-product

One product with its gallery and buy options on the home page

featured-collection

A collection as a lead tile and a product grid

brand-story

A heading, narrative and optional highlight beside an image

collection-finder

Routes that each send shoppers to a collection

newsletter

Email signup

Build With Propel

Get the Propel theme with the Propel preset and launch a storefront designed for performance and technical apparel.