Theme settings: Shape and spacing
Corner radii, padding sizes, and spacing density for a consistent layout rhythm.
Theme settings → Shape and spacing controls how sharp or soft surfaces feel, and how much room sections leave between content.
Sales channels > Online Store > Themes > Customize > Theme settings > Shape and spacing
Corner radius
- Global corner radius — base radius for cards, buttons, and inputs
- Media radius — optional override for images and gallery frames
- Character (Refined vs Bold) can amplify shadow and heading weight without changing these radius tokens
Spacing density
- Compact — tighter section padding for content-heavy catalogs
- Comfortable (typical default) — balanced breathing room
- Relaxed — more vertical space for editorial and spa-style layouts
Many sections also expose their own padding controls. Section values override density only for that section; leave them at default to inherit Theme settings.
How to check it worked
- Change Global corner radius and save — cards and buttons should update on the homepage.
- Switch Spacing density and scroll a long page — section gaps should feel tighter or looser.
- Open a product page — buy box and media frames should follow media radius when set.
Was this page helpful?
Content is maintained by Arcanum Hollow Labs. For internal engineering notes, see the docs/ folder in the monorepo.