About this section
A full-width video or image that moves with depth as the page scrolls, with text and buttons over it.
How to add itCustomize → Add section
Where it can goAny page
Settings72
Good to know: Use a short, quiet loop; text is easier to read over slow footage.
Settings
| Setting | Type | What it does |
|---|
| Shopify hosted video (recommended) | Video | Choose a video uploaded to your files. |
| Dark mode video | Video | Plays instead of the video above while the store is in dark mode, from the same moment. Use a film of the same length. Choose a video uploaded to your files. |
| Text in dark mode | Choice | Choose the theme’s dark mode colors when the dark mode film or picture is darker than the light one. Choose Keep these colors, Use the theme’s dark mode colors. Keep these colors to start. |
| External MP4 video URL (fallback) | Text | — |
| Background image (fallback or primary) | Image | Choose an image from your files. |
| Picture focus on phones | Slider | Which part of a wide picture or film stays in view on a narrow screen: 0% keeps the left edge, 100% the right. From 0 to 100 %, 50 % to start. |
| Banner link (e.g. collection) | Link | A link to any page. |
| Banner link description | Text | Read out by screen readers when the whole banner is clickable. |
Banner size and overlay
| Setting | Type | What it does |
|---|
| Desktop height | Slider | From 40 to 100 vh, 75 vh to start. |
| Mobile height | Slider | From 40 to 100 vh, 60 vh to start. |
| Media brightness | Slider | Lower values darken the media so text reads more clearly. From 0.2 to 1.2, 0.7 to start. |
| Overlay darkness (center) | Slider | From 0 to 100 %, 10 % to start. |
| Overlay darkness (edges) | Slider | From 0 to 100 %, 60 % to start. |
Overline / eyebrow
| Setting | Type | What it does |
|---|
| Overline text | Text | — |
| Size | Slider | From 10 to 32 px, 14 px to start. |
| Letter spacing | Slider | In hundredths of an em, so 24 renders as 0.24em. From 0 to 50, 24 to start. |
| Color | Color | #D4AF37 to start. |
Heading
| Setting | Type | What it does |
|---|
| Heading | Formatted text | — |
| Heading tag (SEO) | Choice | Use H1 only once per page. Choose H1, H2, H3, Paragraph (no SEO weight). H2 to start. |
| Font | Choice | Choose Theme heading font, Theme body font, Theme accent font. Theme heading font to start. |
| Desktop size | Slider | From 20 to 140 px, 64 px to start. |
| Mobile size | Slider | From 16 to 80 px, 34 px to start. |
| Font weight | Choice | Choose Light, Regular, Medium, Semi bold, Bold. Regular to start. |
| Letter spacing | Slider | In hundredths of an em. 12 renders as 0.12em, -3 tightens the line. From -5 to 30, 0 to start. |
| Line height | Slider | From 80 to 200 %, 110 % to start. |
| Letter case | Choice | Choose As typed, UPPERCASE, Lowercase, Capitalise. As typed to start. |
| Color | Color | #FFFFFF to start. |
| Italic accent font | Choice | Choose Theme accent font, Theme heading font, Theme body font. Theme accent font to start. |
| Italic accent color | Color | #D4AF37 to start. |
Subheading
| Setting | Type | What it does |
|---|
| Subheading | Formatted text | — |
| Font | Choice | Choose Theme body font, Theme heading font, Theme accent font. Theme heading font to start. |
| Desktop size | Slider | From 12 to 64 px, 24 px to start. |
| Font weight | Choice | Choose Light, Regular, Medium, Semi bold, Bold. Regular to start. |
| Letter spacing | Slider | In hundredths of an em. From -5 to 40, 0 to start. |
| Color | Color | #F2F2F2 to start. |
| Italic accent color | Color | #D4AF37 to start. |
Body text
| Setting | Type | What it does |
|---|
| Body text | Formatted text | — |
| Font | Choice | Choose Theme body font, Theme heading font, Theme accent font. Theme body font to start. |
| Desktop size | Slider | From 12 to 40 px, 18 px to start. |
| Font weight | Choice | Choose Light, Regular, Medium, Semi bold, Bold. Regular to start. |
| Maximum width | Slider | From 200 to 1000 px, 560 px to start. |
| Color | Color | #F2F2F2 to start. |
| Italic accent color | Color | #D4AF37 to start. |
Additional text
| Setting | Type | What it does |
|---|
| Additional text | Formatted text | — |
| Font | Choice | Choose Theme body font, Theme heading font, Theme accent font. Theme body font to start. |
| Desktop size | Slider | From 10 to 32 px, 15 px to start. |
| Color | Color | #CFCFCF to start. |
| Setting | Type | What it does |
|---|
| First button label | Text | — |
| First button link | Link | A link to any page. |
| Background | Color | #D4AF37 to start. |
| Text color | Color | #0E0E10 to start. |
| Border color | Color | #D4AF37 to start. |
| Setting | Type | What it does |
|---|
| Second button label | Text | — |
| Second button link | Link | A link to any page. |
| Background | Color | rgba(0,0,0,0) to start. |
| Text color | Color | #FFFFFF to start. |
| Border color | Color | #FFFFFF to start. |
| Setting | Type | What it does |
|---|
| Text size | Slider | From 10 to 24 px, 14 px to start. |
| Horizontal padding | Slider | From 12 to 60 px, 34 px to start. |
| Vertical padding | Slider | From 8 to 32 px, 16 px to start. |
| Corner radius | Slider | From 0 to 50 px, 50 px to start. |
| Stack buttons on mobile | On / off | Off by default. |
Content layout
| Setting | Type | What it does |
|---|
| Vertical position | Choice | Choose Top, Middle, Bottom. Middle to start. |
| Horizontal position | Choice | Choose Left, Center, Right. Center to start. |
| Text alignment | Choice | Choose Left, Center, Right. Center to start. |
| Content width | Slider | From 300 to 1200 px, 720 px to start. |
| Spacing between items | Slider | From 0 to 60 px, 20 px to start. |
Entrance motion
| Setting | Type | What it does |
|---|
| Animation style | Choice | Choose Mask reveal (luxury), Fade up, Blur in, Scale in, Slide in. Mask reveal (luxury) to start. |
| Animation duration | Slider | From 300 to 1800 ms, 1000 ms to start. |
| Stagger between items | Slider | From 0 to 400 ms, 120 ms to start. |
Section padding
| Setting | Type | What it does |
|---|
| Top padding | Slider | From 0 to 120 px, 80 px to start. |
| Bottom padding | Slider | From 0 to 120 px, 80 px to start. |
