Brand story
Where you can add it
Not in section groups: Header, Footer.
Blocks
Section titled “Blocks”- Chapter — part of this section
Up to 6 blocks.
Chapter
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Image | Image | — | |
| Heading | Text | The cloth | |
| Text | Rich text | Tell one part of the story here: where the material comes from, how a piece is cut, who sews it. | |
| Color scheme | Color scheme | Scheme 3 |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Eyebrow | Text | The atelier | |
| Heading Make a word italic to emphasize it. | Inline rich text | How a garment is made | |
| Highlight color Leave empty to use the color scheme’s highlight. Shown when Heading is set. | Color | — | |
| Cards | |||
| Card height The tallest a card gets. On shorter screens a card is 76% of the screen height. | Range | 700 px | 400–900 px, step 20 |
| Image position Applies when the card is wide enough for two columns. On a phone the image is always on top. | Select | Start | |
| Show chapter numbers | Checkbox | On | |
| Motion | |||
| Stack the cards as they pass Each card holds near the top while the next one climbs over it, then shrinks and dims behind it. | Checkbox | On | |
| Where the cards stop Where the first card stops, from the top of the screen; each next card stops 22 px lower. Raise it if your header covers the cards. Shown when Stack the cards as they pass is on. | Range | 96 px | 40–160 px, step 4 |
| Image parallax The image drifts slightly inside its card as you scroll. Ignored when animation is off. | Checkbox | On | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Defaults here: Section width Full width, padded (everywhere else: Page width); Content alignment Center (everywhere else: Start); Top spacing 0 px (everywhere else: 64 px); Bottom spacing 144 px (everywhere else: 64 px); Top spacing on mobile 0 px (everywhere else: 40 px); Bottom spacing on mobile 96 px (everywhere else: 40 px). | |||
Presets
Section titled “Presets”- Brand story — Category: Storytelling
Starts with: Chapter, Chapter, Chapter