Layout
Section Settings
Display settings on OT_LandingSection control content width, vertical padding, background color, section overlap, and entrance animation. Width and spacing together define the breathing room of every page region.
01
Content width
full — Full
Edge-to-edge — no container, no padding. Use for full-bleed images, sliders, and banner backgrounds.
default — Default
Standard container with responsive max-width and horizontal padding. The correct choice for most content sections.
wide — Wide
Slightly wider than default. Useful for data-dense grids or feature-rich layout areas.
narrow — Narrow
Constrained to 56rem — forces reading focus for text-primary sections like long-form copy or single CTAs.
02
Vertical spacing
verticalSpacing adds padding top and bottom to the section content area. Use Large (64px) as the default; step up to XL for hero moments, down to Small for tight utility rows like nav or banners.
03
Section background
04