Skip to content

Brand story

Where you can add it

Not in section groups: Header, Footer.

Up to 6 blocks.

Chapter

SettingTypeDefaultOptions and range
ImageImage—
HeadingTextThe cloth
TextRich textTell one part of the story here: where the material comes from, how a piece is cut, who sews it.
Color schemeColor schemeScheme 3
SettingTypeDefaultOptions and range
EyebrowTextThe atelier
Heading

Make a word italic to emphasize it.

Inline rich textHow 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.

Range700 px400–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.

SelectStart
  • Start
  • End
Show chapter numbersCheckboxOn
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.

CheckboxOn
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.

Range96 px40–160 px, step 4
Image parallax

The image drifts slightly inside its card as you scroll. Ignored when animation is off.

CheckboxOn

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).

  • Brand story — Category: Storytelling
    Starts with: Chapter, Chapter, Chapter