Scroll statements
Scroll statements: short, large statements that take turns over one video or image as the page scrolls. The media stays in place while the statements pass over it; the statement in the middle of the screen is bright and the others are dimmed. For customers who reduce motion, and without JavaScript, every statement is shown at full strength as a plain list and the video does not play.
This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.
Settings
| Setting | What it does |
|---|
| Heading | A small heading in the corner, also used by the section navigation. |
|---|
Media
| Setting | What it does |
|---|
| Video | Plays muted while on screen, never for customers who reduce motion. A pause button is always shown. |
|---|
| Image | Shown when there is no video, and as the video poster. |
|---|
| Mobile image | |
|---|
| Overlay color | Default: #000000. |
|---|
| Image overlay opacity | From 0 to 80 %. Default: 45. |
|---|
Statements
| Setting | What it does |
|---|
| Text color | Pick the one that reads well over your media and overlay. Options: Light, Dark. Default: light. |
|---|
| Text size | Options: Medium, Large. Default: large. |
|---|
| Text alignment | Options: Start, Center, End. Default: center. |
|---|
| Space between statements | Options: Compact, One screen each. Default: screen. |
|---|
| Show counter | Default: on. |
|---|
| Setting | What it does |
|---|
| Padding on mobile | Options: Same as desktop, Smaller, None. Default: same. |
|---|
| Visibility | Options: Show on all devices, Hide on mobile, Hide on desktop. Default: all. |
|---|
Blocks
Statement
One statement of the Scroll statements section: a short line in large type, with an optional small line above and a caption below.
| Setting | What it does |
|---|
| Small line above | |
|---|
| Statement | Default: Sound you can feel.. |
|---|
| Caption | |
|---|