Global configuration
Theme settings
These settings apply across the storefront and are available from the Theme settings panel.
Recommended order
Start with Typography and Colors, then set Layout and Style. Configure Quick buy only after your product media is representative of the catalog.
Quick Buy theme settings
The Quick Buy settings are global. They control image/media fit, ratio, position, corner radius, spacing, border, frame style, and the ambient backdrop across Quick Buy dialogs.
Global settings reference
| Group | Setting | Type | Default | Options |
|---|---|---|---|---|
| Theme | Favicon | image_picker | — | — |
| Typography | Primary font | font_picker | work_sans_n4 | — |
| Layout | Page width | select | 90rem | Narrow; Wide |
| Layout | Page margin | range | 20 | — |
| Colors | Background | color | #FFFFFF | — |
| Colors | Foreground | color | #101114 | — |
| Colors | Background | color | #F5F5F7 | — |
| Colors | Foreground | color | #101114 | — |
| Colors | Background | color | #5E5CE6 | — |
| Colors | Foreground | color | #FFFFFF | — |
| Style | Input corner radius | range | 16 | — |
| Style | Button corner radius | range | 24 | — |
| Style | Card corner radius | range | 24 | — |
| Quick buy | Product image fit | select | contain | Show entire image; Fill media area |
| Quick buy | Media ratio | select | adapt | Adapt to media; Square; Portrait; Landscape |
| Quick buy | Product image position | select | center | Center; Top; Bottom |
| Quick buy | Product image corner radius | range | 24 | — |
| Quick buy | Product image spacing | range | 0 | — |
| Quick buy | Show product image border | checkbox | Off | — |
| Quick buy | Media frame style | select | clean | Clean; Soft card; Glass |
| Quick buy | Show ambient image backdrop | checkbox | On | — |
| Social media | url | — | — | |
| Social media | url | — | — | |
| Social media | TikTok | url | — | — |
| Social media | YouTube | url | — | — |
| Social media | url | — | — | |
| Social media | X | url | — | — |
TipUse theme-level settings for global brand decisions and section-level settings for individual page compositions. This keeps the storefront visually consistent while preserving flexibility.