Settings every section has
Every section ends with the same group of settings, in the same order and with the same words. Each section’s page links here instead of repeating them, and says where a section differs — a setting it leaves out, or a different default.
Section width is only in the sections where something runs to the screen’s edges.
Written in stage 2: what each setting looks like, with screenshots.
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Layout | |||
| Section width Page width sits on the page line from Theme settings. Full width, padded runs across the screen with a narrow margin, and a shape keeps its curves. Full width runs edge to edge, and a shape becomes a band. | Select | Page width | |
| Content width Narrow and Medium are a reading measure. Full fills the section: the page width at Page width, the screen away from it. Inside a shape that runs wider than the page, the content stops at the page width. | Select | Full | |
| Content alignment | Select | Start | |
| Shape Insets the section from the edges of the page and rounds it. | Select | None | |
| Color scheme | Color scheme | Scheme 1 | |
| Spacing | |||
| Top spacing | Range | 64 px | 0–160 px, step 4 |
| Bottom spacing | Range | 64 px | 0–160 px, step 4 |
| Top spacing on mobile | Range | 40 px | 0–120 px, step 4 |
| Bottom spacing on mobile | Range | 40 px | 0–120 px, step 4 |
| Motion | |||
| Reveal style Overrides the theme animation setting for this section only. | Select | Use theme setting | |
| Stagger Reveals the items in this section one after another. Set to 0 to reveal them together. | Range | 0 ms | 0–240 ms, step 10 |
| Visibility | |||
| Show on desktop | Checkbox | On | |
| Show on mobile | Checkbox | On | |
| Anchor Adds an id to this section so it can be linked to, for example /pages/about#our-story. | Text | — | |