Appearance and spacing
Control Strata page width, spacing, corners, blur, and shadows.
Appearance and spacing controls the shared geometry of the storefront. Use it to set the overall content width and rhythm before adjusting individual sections.
Current controls
- Maximum page width
- Page side padding
- Section vertical spacing
- Rounded corners
- Background blur
- Shared shadow controls
Background blur is referenced by the current schema for transparent or sticky header treatments, header menus, the cart, search, and the collection-filter overlay. Verify those surfaces together when changing it.
Review before publishing
- Check narrow mobile screens and wide desktop screens.
- Review a dense product grid and a text-led page.
- Confirm corners and shadows remain consistent across cards, drawers, and popovers.
Guide status.
Surface-specific blur and shadow behavior remains subject to final storefront acceptance.