Appearance / 02

Three directions. One commerce foundation.

Design directions reshape hierarchy, density, media treatment, navigation, cards, and footer rhythm. They do not create separate install presets.

Choose intentionally

Match the direction to the buying decision.

Select the direction that makes the merchant's most important product information easiest to understand. A visually expressive direction is not automatically better when buyers need fast specification comparison, and a dense catalog is not automatically better when imagery carries the product.

01Balanced default

Guided editorial

A calm hierarchy that moves from service guidance and storytelling into direct product discovery.

Best suited to

Considered home, lifestyle, wellness, and specialty catalogs where context supports the purchase.

  • Editorial serif rhythm
  • Measured card density
  • Room-led navigation
  • Balanced media and copy
02Dense and specification-led

Technical catalog

A more compact catalog treatment for merchants whose buyers compare compatibility, dimensions, and structured detail.

Best suited to

Tools, equipment, parts, technical goods, and product ranges with substantial option or specification data.

  • Tighter information density
  • Structured metadata emphasis
  • Direct discovery controls
  • Utility-led navigation
03Media-led and expressive

Visual journal

A more expansive rhythm that gives campaigns, collections, articles, and product imagery greater visual weight.

Best suited to

Fashion, interiors, beauty, and editorial brands with strong original photography and collection stories.

  • Larger media treatments
  • Airier editorial spacing
  • Journal-like collection rhythm
  • Image-forward merchandising

Change safely

Preview the whole system before saving.

  1. Duplicate the configured theme when the store is already live.
  2. Change the design direction in Theme settings.
  3. Review the header, home, collection, product, cart, search, and footer.
  4. Check long titles, missing media, sale, sold-out, and multi-variant states.
  5. Repeat at mobile widths and verify keyboard focus remains visible.
  6. Save or publish only after merchant approval.
Next guideConfigure theme features