Story
A classic zigzag narrative — alternating rows pairing a swappable image with a block of story copy.
Content section templates
A content section is the long-form part of a page: the story, the background, the reasoning that does not compress into a feature grid. It alternates text and media so a longer read still has somewhere for the eye to rest.
8 content section layouts
Each one below is a live preview rendering in your current design language, not a screenshot. Open any of them to see it full-width, switch the business type to read it with your kind of content, or add it to a page.
Ethos
A two-column manifesto: a sticky heading on the left beside a stack of hairline-divided text blocks.
Feature
An editorial feature — one large hero image spanning the width, with the story following in text columns.
Editorial
A magazine multi-column text layout with no images, each column topped by a short accent rule.
Statement
A type-forward manifesto built on one oversized heading, a lead paragraph and three quiet supporting notes.
Chronicle
A centered vertical timeline with story cards alternating either side of a central spine.
Panel
A tall sticky image on one side holding its place beside a scrolling column of story blocks.
Callout
The story set apart inside a tinted band, the blocks laid out in one flexible row.
How to choose a content section
Alternating rows of text and image suit a narrative told in stages. A sticky heading beside scrolling text suits one continuous argument where the reader should not lose the thread. If you have no images worth showing, a text-only layout with strong typography is better than padding the section with decoration.
At a glance
- Layouts
- 8 distinct content sections
- Styles covered
- columns, image, story, split, sticky, text, zigzag, hero-image
- Styling
- Your color, typography, spacing, radius and shadow tokens
- Export
- HTML, CSS, JSON, or an AI instruction package
Content section FAQ
How long should a content section be?
Long enough to say the thing and no longer. Three or four short blocks with their own headings read far better than one unbroken column, because the headings let people find the part that concerns them.
Where does an about story belong on a page?
After you have established what you do and why anyone should care. Opening with your founding story asks visitors to be interested in you before you have given them a reason to be.
Should content sections have their own images?
Only where the image carries information — the real place, the real work, the real people. A section that alternates text with generic photography reads as padding, and a plain text layout is the stronger option.