Spacing and density
How spacing density and section padding work together.
Spacing density in Theme settings sets the baseline vertical rhythm. Individual sections can still override top and bottom padding.
Sales channels > Online Store > Themes > Customize > Theme settings > Shape and spacing
Density choices
- Compact — denser catalogs and multi-section landing pages
- Comfortable — default for most vertical presets
- Relaxed — more air for spa and editorial storytelling
Section overrides
Open a section → Spacing. Leave padding at default to inherit density. Increase padding only when one band needs extra separation (for example after a dark hero).
How to check it worked
- Set density to Compact and scroll the homepage — gaps should shrink.
- On one section, raise bottom padding — only that section should expand.
- Reset section padding to default — it should match density again.
Was this page helpful?
Content is maintained by Arcanum Hollow Labs. For internal engineering notes, see the docs/ folder in the monorepo.