{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_help-element-hero-image","screens":{"article_screen_help-element-hero-image":{"id":"article_screen_help-element-hero-image","name":"Hero image — element guide","tags":["article"],"screenType":"FlexibleLayout","position":{"x":0,"y":0},"content":{"canvas":{"background":{"kind":"solid","content":{"color":"#F7F8FA"}},"insets":{"top":0,"end":0,"bottom":0,"start":0},"webViewBackgroundColor":"#F7F8FA"},"animated":false,"offlineFirst":true,"flexibleLayout":{"scrollable":true,"insets":{"top":44,"end":28,"bottom":56,"start":28},"sections":[{"id":"intro","order":0,"kind":"Text","label":"Intro","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Hero image"},"kind":"static","appearance":{"align":"start","fontSize":28,"fontWeight":800,"lineHeight":34,"color":"#101828"}},"subtitle":{"translations":{"en":"The Hero image is the lead visual above the text. This guide documents every Hero image setting — the image source, how it is sized, rounded and spaced, and how the image and text are arranged."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":400,"lineHeight":26,"color":"#475467"}}}},{"id":"g-hero-head","order":1,"kind":"Text","label":"Group: Hero image","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Hero image"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-copyblock-content-hero","order":2,"kind":"Text","label":"Hero image · The featured image up top","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"The featured image up top"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"The hero is the large featured image at the top of a headline or wheel-picker screen, the picture that sells the screen at a glance. Turn it on, then upload a file or paste an image URL. Pick a high-quality, on-message visual (product, result, or lifestyle shot); on a paid landing page it is often the first thing a visitor sees. Sizing and position are set just below."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-content-hero-img","order":3,"kind":"Media","label":"The featured image up top","layout":{"heightKind":"fixed","heightValue":116,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/open-section-hero-enable.png","name":"Where to find “The featured image up top” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-copyblock-content-hero-translations","order":4,"kind":"Text","label":"Hero image · The hero image itself","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"The hero image itself"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Pick the actual hero image: upload a file from your computer or paste a direct image URL, then check the preview thumbnail. Use a high-resolution JPG or PNG so it stays crisp on large screens — uploads are optimized automatically for fast loading. To change it later, just upload or paste a new source here."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-content-hero-translations-img","order":5,"kind":"Media","label":"The hero image itself","layout":{"heightKind":"fixed","heightValue":120,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/open-section-hero-url.png","name":"Where to find “The hero image itself” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-copyblock-content-hero-appearance-scalemode","order":6,"kind":"Text","label":"Hero image · How the image fills its box","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"How the image fills its box"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sets how your image fits its box: Aspect Fit shows the whole image with no cropping (you may see empty bars at the sides), Aspect Fill crops the edges so it fully covers the box, Scale to Fill stretches it (can look distorted, avoid for photos), and Tile repeats it as a pattern. Default is Aspect Fit, which never distorts; switch to Aspect Fill when you want it edge-to-edge and don't mind some cropping."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-content-hero-appearance-scalemode-img","order":7,"kind":"Media","label":"How the image fills its box","layout":{"heightKind":"fixed","heightValue":105,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-scale-mode.png","name":"Where to find “How the image fills its box” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-copyblock-content-hero-appearance-dimensions-width","order":8,"kind":"Text","label":"Hero image · Fixed image width","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Fixed image width"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Optionally pin the hero image to a set width with the slider (0–500) or by typing a number. Leave it empty in most cases — the image then sizes to the screen and stays responsive across devices, which almost always looks best on a landing page. Set a fixed width only when you need the image smaller than full-width or aligned to a specific size."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-content-hero-appearance-dimensions-width-img","order":9,"kind":"Media","label":"Fixed image width","layout":{"heightKind":"fixed","heightValue":102,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-width.png","name":"Where to find “Fixed image width” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-copyblock-content-hero-appearance-dimensions-height","order":10,"kind":"Text","label":"Hero image · Fixed image height","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Fixed image height"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Optionally pin the hero image to a set height with the slider (0–500) or by typing a number. Leave it empty to let the image keep its natural proportions from the width — best for most screens. Use a fixed height when you want a consistent banner size; to size by screen proportion instead, use 'Image height relative to container' below, which takes priority over this value."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-content-hero-appearance-dimensions-height-img","order":11,"kind":"Media","label":"Fixed image height","layout":{"heightKind":"fixed","heightValue":102,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-height.png","name":"Where to find “Fixed image height” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-copyblock-content-hero-appearance-dimensions-heightpercentage","order":12,"kind":"Text","label":"Hero image · Size the image by screen","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Size the image by screen"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Sizes the hero image as a percentage of the screen height (0 to 100%), so it scales with the device, the more responsive way to size a hero. If set, it overrides any fixed height above. A common starting point is 30 to 50% for a prominent banner that still leaves room for your title and button below; leave it empty to size by proportions instead."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-content-hero-appearance-dimensions-heightpercentage-img","order":13,"kind":"Media","label":"Size the image by screen","layout":{"heightKind":"fixed","heightValue":102,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-height-pct.png","name":"Where to find “Size the image by screen” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-copyblock-content-hero-appearance-cornerradii-uniform","order":14,"kind":"Text","label":"Hero image · How rounded the image is","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"How rounded the image is"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Rounds all four corners of the hero image; 0 is sharp and higher values (up to 50) make them softer and more rounded. The default is 0. A small radius around 8 to 16 gives a modern, friendly look; match it to the rounding used elsewhere in your funnel, like buttons and cards, so the page feels consistent."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-content-hero-appearance-cornerradii-uniform-img","order":15,"kind":"Media","label":"How rounded the image is","layout":{"heightKind":"fixed","heightValue":102,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-corner-radius.png","name":"Where to find “How rounded the image is” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"set-copyblock-content-hero-layout-insets","order":16,"kind":"Text","label":"Hero image · Space around the image","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Space around the image"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"Adds empty space on each side of the hero image (top, right, bottom, left) so it isn't flush against the screen edges or crammed next to the title. Leave it at the theme default in most cases. Increase a side when the image feels too tight against nearby content, or reduce it for a full-bleed, edge-to-edge look."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-content-hero-layout-insets-img","order":17,"kind":"Media","label":"Space around the image","layout":{"heightKind":"fixed","heightValue":138,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-padding.png","name":"Where to find “Space around the image” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"g-layout-head","order":18,"kind":"Text","label":"Group: Image & text layout","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Image & text layout"},"kind":"static","appearance":{"align":"start","fontSize":19,"fontWeight":750,"lineHeight":26,"color":"#101828"}}}},{"id":"set-copyblock-subtype","order":19,"kind":"Text","label":"Image & text layout · Where the image sits","layout":{"heightKind":"auto","margin":{"top":28}},"textContent":{"title":{"translations":{"en":"Where the image sits"},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":650,"lineHeight":24,"color":"#172033"}},"subtitle":{"translations":{"en":"On headline screens, this sets where the hero image sits relative to your title and subtitle — above the text, below it, or beside it. Lead with your strongest element: image-on-top when the visual is the hook, text-on-top when the headline does the selling. The preview updates instantly, so try a couple and keep whichever reads clearest."},"kind":"static","appearance":{"align":"start","fontSize":15,"fontWeight":400,"lineHeight":23,"color":"#475467"}}}},{"id":"set-copyblock-subtype-img","order":20,"kind":"Media","label":"Where the image sits","layout":{"heightKind":"fixed","heightValue":105,"padding":{"top":8,"end":0,"bottom":8,"start":0},"cornerRadius":{"uniform":12}},"mediaContent":{"kind":"Image","content":{"image":{"translations":{"en":{"original":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-image-layout.png","name":"Where to find “Where the image sits” in the editor."}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}}]}}}},"metadata":{"kind":"article","alias":"help-element-hero-image","articlePresentation":{"version":1,"profiles":{"standard":{"containerMaxWidth":640,"contentInsets":{"top":44,"end":28,"bottom":56,"start":28},"sectionPaddingScale":1,"textScale":1},"laptop":{"containerMaxWidth":620,"contentInsets":{"top":40,"end":28,"bottom":52,"start":28},"sectionPaddingScale":0.98,"textScale":0.98},"tablet":{"containerMaxWidth":560,"contentInsets":{"top":36,"end":24,"bottom":44,"start":24},"sectionPaddingScale":0.94,"textScale":0.95},"phone":{"containerMaxWidth":"100%","contentInsets":{"top":28,"end":16,"bottom":36,"start":16},"sectionPaddingScale":0.86,"textScale":0.9,"titleTextScale":0.86}}},"settingsMap":[{"fieldKey":"content.hero","title":"The featured image up top","sectionType":"copyBlock","group":"hero","guideKey":"screenedit-copy-block-hero","editorTestId":"checkbox-content-hero-image","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/open-section-hero-enable.png","articleSectionId":"set-copyblock-content-hero","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"control","humanInstruction":"Find “The featured image up top”.","postconditionTestId":"checkbox-content-hero-image"}]},{"fieldKey":"content.hero.translations","title":"The hero image itself","sectionType":"copyBlock","group":"hero","guideKey":"screenedit-copy-block-hero-url","editorTestId":"input-content-hero-image","revealState":"open-section","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/open-section-hero-url.png","articleSectionId":"set-copyblock-content-hero-translations","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"control","humanInstruction":"Find “The hero image itself”.","postconditionTestId":"input-content-hero-image"}]},{"fieldKey":"content.hero.appearance.scaleMode","title":"How the image fills its box","sectionType":"copyBlock","group":"hero","guideKey":"screenedit-copy-block-hero-scale-mode","editorTestId":"input-style-hero-image-scale-mode","revealState":"hero-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-scale-mode.png","articleSectionId":"set-copyblock-content-hero-appearance-scalemode","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"panel","humanInstruction":"Open the Hero Image style settings (the gear on the Hero Image row).","postconditionTestId":"input-style-hero-image-scale-mode"},{"to":"control","humanInstruction":"Find “How the image fills its box”.","postconditionTestId":"input-style-hero-image-scale-mode"}]},{"fieldKey":"content.hero.appearance.dimensions.width","title":"Fixed image width","sectionType":"copyBlock","group":"hero","guideKey":"screenedit-copy-block-hero-width","editorTestId":"input-style-hero-image-width","revealState":"hero-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-width.png","articleSectionId":"set-copyblock-content-hero-appearance-dimensions-width","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"panel","humanInstruction":"Open the Hero Image style settings (the gear on the Hero Image row).","postconditionTestId":"input-style-hero-image-scale-mode"},{"to":"control","humanInstruction":"Find “Fixed image width”.","postconditionTestId":"input-style-hero-image-width"}]},{"fieldKey":"content.hero.appearance.dimensions.height","title":"Fixed image height","sectionType":"copyBlock","group":"hero","guideKey":"screenedit-copy-block-hero-height","editorTestId":"input-style-hero-image-height","revealState":"hero-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-height.png","articleSectionId":"set-copyblock-content-hero-appearance-dimensions-height","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"panel","humanInstruction":"Open the Hero Image style settings (the gear on the Hero Image row).","postconditionTestId":"input-style-hero-image-scale-mode"},{"to":"control","humanInstruction":"Find “Fixed image height”.","postconditionTestId":"input-style-hero-image-height"}]},{"fieldKey":"content.hero.appearance.dimensions.heightPercentage","title":"Size the image by screen","sectionType":"copyBlock","group":"hero","guideKey":"screenedit-copy-block-hero-height-percentage","editorTestId":"input-style-hero-image-height-","revealState":"hero-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-height-pct.png","articleSectionId":"set-copyblock-content-hero-appearance-dimensions-heightpercentage","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"panel","humanInstruction":"Open the Hero Image style settings (the gear on the Hero Image row).","postconditionTestId":"input-style-hero-image-scale-mode"},{"to":"control","humanInstruction":"Find “Size the image by screen”.","postconditionTestId":"input-style-hero-image-height-"}]},{"fieldKey":"content.hero.appearance.cornerRadii.uniform","title":"How rounded the image is","sectionType":"copyBlock","group":"hero","guideKey":"screenedit-copy-block-hero-corner-radius","editorTestId":"input-style-hero-image-corner-radius","revealState":"hero-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-corner-radius.png","articleSectionId":"set-copyblock-content-hero-appearance-cornerradii-uniform","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"panel","humanInstruction":"Open the Hero Image style settings (the gear on the Hero Image row).","postconditionTestId":"input-style-hero-image-scale-mode"},{"to":"control","humanInstruction":"Find “How rounded the image is”.","postconditionTestId":"input-style-hero-image-corner-radius"}]},{"fieldKey":"content.hero.layout.insets","title":"Space around the image","sectionType":"copyBlock","group":"hero","guideKey":"screenedit-copy-block-hero-padding","editorTestId":"content.hero.layout.insets","revealState":"hero-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-padding.png","articleSectionId":"set-copyblock-content-hero-layout-insets","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"panel","humanInstruction":"Open the Hero Image style settings (the gear on the Hero Image row).","postconditionTestId":"input-style-hero-image-scale-mode"},{"to":"control","humanInstruction":"Find “Space around the image”.","postconditionTestId":"content.hero.layout.insets"}]},{"fieldKey":"subtype","title":"Where the image sits","sectionType":"copyBlock","group":"layout","guideKey":"screenedit-copy-block-image-layout","editorTestId":"input-style-hero-image-image-layout","revealState":"hero-styles","imageUrl":"https://api.segmently.ai/assets/support-flow/local/configure-copy-block-section/0.2.0/configure-copy-block-section-2026-06-22T19-55-58-190Z-c09e17a2/hero-styles-image-layout.png","articleSectionId":"set-copyblock-subtype","route":[{"to":"screen-editor","humanInstruction":"Open the screen in the editor.","postconditionTestId":"editor-modal-v2-container"},{"to":"section","humanInstruction":"Expand the Content section.","postconditionTestId":"section-content"},{"to":"panel","humanInstruction":"Open the Hero Image style settings (the gear on the Hero Image row).","postconditionTestId":"input-style-hero-image-scale-mode"},{"to":"control","humanInstruction":"Find “Where the image sits”.","postconditionTestId":"input-style-hero-image-image-layout"}]}],"projectId":"arswew63RwQr6V4Ekb1Z","articleId":"help-element-hero-image"},"webViewDefaultBackgroundColor":"#F7F8FA","projectAnalytics":{"consentManagement":{"enabled":true,"bannerText":"We use cookies to improve your experience and analyze site usage.","privacyPolicyUrl":"","defaultConsent":"denied"},"integrations":[{"platform":"segmently_internal","name":"Segmently Analytics","enabled":true,"config":{"mode":"http"},"createdAt":"2026-05-26T13:53:00.398Z","updatedAt":"2026-05-26T13:53:00.398Z","id":"int_mpmp3jsm_aij2kz"}]}}