Lookbook
Where you can add it
Not in section groups: Header, Footer.
Blocks
Section titled “Blocks”- Look — part of this section
Up to 16 blocks.
Look
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Image | Image | — | |
| Caption Shown on a glass bar at the foot of the image. With a link, the bar ends in a plus. | Text | — | |
| Link | Link | — |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Eyebrow | Text | Lookbook | |
| Heading Make a word italic to emphasize it. | Inline rich text | Six ways through the winter | |
| Highlight color Leave empty to use the color scheme’s highlight. Shown when Heading is set. | Color | — | |
| Text | Text | — | |
| Arrangement | |||
| Layout on desktop Pinned scroll moves the looks sideways as the page scrolls down. Browsers without scroll-driven animations, and visitors who reduce motion, get the swipe rail. | Select | Pinned scroll | |
| Layout on mobile | Select | Pinned scroll | |
| Scroll length How far the page scrolls while the looks travel across, in screen heights. Pinned scroll only. Shown when Layout on desktop is Pinned scroll or Layout on mobile is Pinned scroll. | Range | 340 vh | 200–600 vh, step 20 |
| Show counter | Checkbox | On | |
| Show progress bar | Checkbox | On | |
| Cards | |||
| Card height Cards never take more than 54% of the screen height. | Range | 520 px | 320–640 px, step 20 |
| Image ratio | Select | Portrait | |
| Space between cards | Range | 20 px | 8–64 px, step 4 |
| Offset every other card | Range | 36 px | 0–80 px, step 4 |
| Show look number | Checkbox | On | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. | Select | Auto | |
| Zoom image on hover | Checkbox | On | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Defaults here: Shape Sheet (everywhere else: None); Color scheme Scheme 5 (everywhere else: Scheme 1); Top spacing 0 px (everywhere else: 64 px); Bottom spacing 0 px (everywhere else: 64 px); Top spacing on mobile 0 px (everywhere else: 40 px); Bottom spacing on mobile 0 px (everywhere else: 40 px); Reveal style None (everywhere else: Use theme setting). | |||
Presets
Section titled “Presets”- Lookbook — Category: Media
Starts with: Look, Look, Look, Look, Look, Look