MCP Agent feature is now added to StorefrontLearn more →

Storefront Design & Visual Customization (Section Composer)

July 25, 2026


Next-Gen Headless Storefront Architecture in Webito

Webito's customer-facing storefront is powered by modern Islands Architecture on top of Astro. This headless architecture guarantees near-instant Core Web Vitals (95+ on Google PageSpeed) while granting merchants deep visual flexibility.

1. The Visual Section Composer

Inside Store Design > Sections, customize your homepage and campaign landing pages without touching code:

  • Dynamic Hero Sliders & Hero Banners: Configurable full-width heroes equipped with smooth CSS transitions and prominent Call-to-Action (CTA) targets.
  • Curated & Automated Product Showcases: Showcase trending SKUs, promotional collections, or new arrivals with intelligent filtering.
  • Value Proposition Badges: Display trust signals, genuine warranty promises, express delivery commitments, and round-the-clock support guarantees.
  • Drag-and-Drop Section Reordering: Prioritize narrative flow to optimize buyer conversion funnels.
Responsive-First Mobile Performance

Every theme component is engineered Mobile-First, delivering app-like fluidity, tactile button targets, and zero layout shifting across mobile devices.

2. Design Tokens, Brand Palettes & Adaptive Themes

  • Harmonious Tokenized Palettes: Seamlessly propagate your brand colors across primary accents, borders, and interactive surfaces.
  • Native Dark / Light Modes: Built-in adaptive contrast complying with user OS preferences for comfortable nighttime browsing.
  • Bidirectional Typography (RTL & LTR): Perfected typographical rhythm across Persian, Arabic, English, Greek, and Chinese layouts with automatic text orientation.