Sections, Columns, and Inner Columns
Sections, Columns, and Inner Columns
Effective Date: February 1, 2026
Last Updated: February 1, 2026
Overview
Editor 2.0 uses a standardized layout hierarchy built around
Sections,
Columns, and
Inner Columns. All Hibu One Smart Sites follow this structure as the foundation for how content is organized and displayed across every device.
Definition
The layout structure is the system of containers that defines how every part of a Hibu One website is arranged. These containers create the underlying framework for the site’s design, spacing, and responsive behavior.
Sections
Sections are the primary horizontal building blocks of every page. Each section represents a major content area — such as a hero, a service callout, or a testimonial block. Sections set the overall width, background, and visual boundaries for the content inside them.
Columns
Columns divide a section into vertical regions, allowing content to be grouped side-by-side or stacked in structured ways. Columns determine how elements align within a section and how that arrangement adapts as the viewport changes from Desktop to Tablet to Mobile.
Inner Columns
Inner Columns provide an additional layer of layout control inside a column. They are used when a design requires more detailed organization — for example, pairing an icon with a label, grouping items inside a card, or creating consistent spacing between repeated elements..
Purpose / Why It Matters
Sections, Columns, and Inner Columns form the core layout system of Editor 2.0. Understanding these containers helps teams interpret templates correctly, troubleshoot layout behavior, maintain consistent visual patterns, and ensure that content responds cleanly on every device.
Additional Notes
- Widgets are placed inside Columns and Inner Columns, not directly inside Sections.
- Responsive behavior is shaped by how these containers relate to each other.
- The Layers Panel provides a clear view of this hierarchy and how content is grouped.
- A clean structure supports accessibility, predictable spacing, and reliable design outcomes.