Storefronts

Storefront Settings, Themes & Customization

Style your storefront to match your brand identity: apply curated theme presets, select typography from Google Fonts, set color palettes, and configure layout modes.

Overview of Storefront Customization

Navigate to Dashboard -> Settings -> Storefront Settings (`/dashboard/settings/site/:id/storefront`) to customize your storefront's visual theme, layout components, and customer interaction buttons.

Configurable Storefront Fields & Controls

The table below details all styling and behavioral controls available in Storefront Settings:

Curated Theme Presets

Quickly transform your store with four designer presets:

Modern: Sky blue primary (#0ea5e9) with rose accent, Plus Jakarta Sans typography, large rounded corners, and subtle gradient buttons.
Minimal: Monochrome charcoal primary (#18181b), crisp Inter typography, sharp square corners (no radius), and solid minimalist styling.
Bold: Vibrant purple (#8b5cf6) with amber accents, Outfit modern typography, medium corner radii, and high-contrast buttons.
Classy: Luxury deep onyx (#111827) with lavender accents, Playfair Display serif typography, subtle rounded corners, and refined outline buttons.

Typography & Google Fonts Registry

Select from over 20 integrated Google Fonts including Inter, Plus Jakarta Sans, Outfit, Playfair Display, Poppins, Roboto, Montserrat, General Sans, Satoshi, and Cabinet Grotesk. Fonts load asynchronously on demand.