Use SAISON editorial sections to explain brand, process, values, campaigns, materials, founders, timelines, and collection stories.
Editorial sections work when each section has one job. The important settings are usually not just typography or spacing; they decide how much the customer has to read, where the image subject appears, and whether the story leads back to a product or collection.
The amount of written content inside one editorial section.
A section feels hard to scan.
One idea per section; use short paragraphs or split blocks.
Putting article-length copy inside oversized visual sections.
The readable line length and horizontal placement of text.
Text lines feel too wide or the section feels unbalanced.
Use narrower widths for prose and center alignment only for short statements.
Centering long paragraphs, which makes reading harder.
The part of an image that stays visible inside the section frame.
Faces, products, or details are cut off.
Choose crops after final copy and section order are set.
Using decorative images that do not prove the story.
The order and stacking of images, text, and buttons on phone screens.
Image/text order changes on phones.
Put the clearest context before supporting detail.
Letting a large image push the actual story too far down the mobile page.
How long a pinned or sticky story section holds the customer's scroll.
Sticky or pinned sections feel slow or confusing.
Use enough scroll to read the copy, not enough to trap customers.
Using sticky sections for weak or generic content.
The next action after the editorial story, such as shop, read more, contact, or subscribe.
The story should lead to shopping, contact, or another page.
Add one next action after the story point is clear.
Ending long story pages without a product, collection, newsletter, or contact path.
The section's background, text color, and readability relationship.
The section changes mood or overlays text on media.
Use color changes to mark story chapters and preserve readability.
Using low-contrast editorial colors that look premium but are hard to read.
| Setting | Location | Recommended | Notes |
|---|---|---|---|
| Brand about page | About hero, Statement text, Image rail, Timeline accordion, Founder quote | Start with a specific point of view, then prove it with imagery and milestones | Avoid making the whole page a long text page. |
| Material/process page | Editorial text, Image text grid, Sticky scroll, Split text | Pair each claim with a concrete image or process step | Customers trust specific proof more than broad claims. |
| Campaign story | Hero, Mosaic grid, Pinned story scroll, Photo card, Collection link | Alternate visual sections with product or collection paths | Campaign pages still need a shopping destination. |
| Founder story | About hero, Founder quote, Image rail, Timeline accordion | Use a real quote and a focused timeline | Keep founder content tied to customer trust or product quality. |