{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_CRjDaVqBd59eHmN7u2XO","screens":{"article_screen_CRjDaVqBd59eHmN7u2XO":{"id":"article_screen_CRjDaVqBd59eHmN7u2XO","name":"Screen transitions between screens","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":48,"end":32,"bottom":56,"start":32},"sections":[{"id":"intro","order":0,"kind":"Text","label":"Intro","layout":{"heightKind":"auto"},"textContent":{"title":{"translations":{"en":"Screen transitions between screens"},"kind":"static","appearance":{"align":"start","fontSize":30,"fontWeight":800,"lineHeight":36,"color":"#101828"}}}},{"id":"intro-lead","order":1,"kind":"Text","label":"Intro lead","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"A screen transition is the movement that plays when a visitor goes from one screen to the next. Your funnel usually has one default transition, which comes from your theme’s motion scheme. Any single connection between two screens can play its own instead: a different type, speed and easing."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":400,"lineHeight":26,"color":"#475467"}}}},{"id":"step1-head","order":2,"kind":"Text","label":"1. Open the connection’s details","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"1. Open the connection’s details<sep>  —  </sep><detail>@details</detail>"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"},"templateParams":{"links":{"details":"https://help.segmently.ai/canvas-connect-screens"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}},{"id":"step1-body","order":3,"kind":"Text","label":"step1-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Open your funnel on the canvas. Every connection between two screens has a small round button in the middle of its line, circled in the screenshot. Click the button, or double-click the line, to open Connection Details. No connection yet? Connect two screens first (the link above shows how)."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step1-image","order":4,"kind":"Media","label":"Two connected screens on the canvas, with the connection button circled","layout":{"heightKind":"fixed","heightValue":520,"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/projects/arswew63RwQr6V4Ekb1Z/cli-assets/content-plan-articles/CRjDaVqBd59eHmN7u2XO/20260929233605_screen-trans-01-canvas-connection/origin.png","name":"Two connected screens on the canvas, with the connection button circled"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step1-note","order":5,"kind":"Text","label":"step1-note","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"The button shows an info icon. If the connection has conditions, it shows the number of conditions instead; the details open the same way."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step2-head","order":6,"kind":"Text","label":"2. Find the Transition settings","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"2. Find the Transition settings"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step2-body","order":7,"kind":"Text","label":"step2-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Connection Details names the two screens the connection joins, then has a Transition group with three settings: Type, Duration (ms) and Easing."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step2-image","order":8,"kind":"Media","label":"Connection Details with the Transition group on Inherit","layout":{"heightKind":"fixed","heightValue":460,"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/projects/arswew63RwQr6V4Ekb1Z/cli-assets/content-plan-articles/CRjDaVqBd59eHmN7u2XO/20260929233609_screen-trans-02-inherit/origin.png","name":"Connection Details with the Transition group on Inherit"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step2-inherit","order":9,"kind":"Text","label":"step2-inherit","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"A new connection has no transition of its own. Type is left empty, which means Inherit (funnel default); the note under it says “This connection plays the funnel's default transition.” Duration and Easing are greyed out until you pick a type."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step3-head","order":10,"kind":"Text","label":"3. Know where the default comes from","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"3. Know where the default comes from<sep>  —  </sep><detail>@details</detail>"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"},"templateParams":{"links":{"details":"https://help.segmently.ai/help-theme-animations"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}},{"id":"step3-body","order":11,"kind":"Text","label":"step3-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"The funnel default is the screen transition of your theme’s motion scheme. When you use Apply to canvas with the Animations group ticked, the scheme’s transition is saved as the funnel default. Smooth is a Slide of 300 ms, Subtle a Fade, Dynamic a Push and Playful a Scale. None removes the default."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step3-image","order":12,"kind":"Media","label":"The five motion schemes in the theme editor","layout":{"heightKind":"fixed","heightValue":520,"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/projects/arswew63RwQr6V4Ekb1Z/cli-assets/content-plan-articles/W8ULHl3P9dnn7ekHsvJO/20260929230444_theme-anim-02-schemes/origin.png","name":"The five motion schemes in the theme editor"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step3-instant","order":13,"kind":"Text","label":"step3-instant","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"A funnel with no default transition switches screens instantly, except on connections that carry their own transition. The linked guide shows how to choose, preview and apply a scheme."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step4-head","order":14,"kind":"Text","label":"4. Choose a transition type","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"4. Choose a transition type"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step4-body","order":15,"kind":"Text","label":"step4-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Open the Type menu. Inherit (funnel default) is the first choice, followed by nine transitions. Your choice is saved as soon as you make it and applies to this connection only."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step4-image","order":16,"kind":"Media","label":"The Type menu with Inherit and nine transition types","layout":{"heightKind":"fixed","heightValue":520,"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/projects/arswew63RwQr6V4Ekb1Z/cli-assets/content-plan-articles/CRjDaVqBd59eHmN7u2XO/20260929233611_screen-trans-03-type-menu/origin.png","name":"The Type menu with Inherit and nine transition types"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step4-types","order":17,"kind":"BulletList","label":"The transition types","layout":{"heightKind":"auto","margin":{"top":12}},"optionsListContent":{"selectionMode":"browse","columnLayout":"oneCol","itemLayout":"Title","appearance":{},"items":[{"id":"step4-types-0","title":{"translations":{"en":"Slide: both screens move together. The next screen comes in from the right as the current one leaves to the left."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_0"},{"id":"step4-types-1","title":{"translations":{"en":"Push: the next screen pushes the current one away. The current screen moves a shorter distance and darkens as it goes."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_1"},{"id":"step4-types-2","title":{"translations":{"en":"Cover: the next screen slides in over the current one, which stays where it is."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_2"},{"id":"step4-types-3","title":{"translations":{"en":"Cover Vertical: like Cover, but the next screen rises from the bottom."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_3"},{"id":"step4-types-4","title":{"translations":{"en":"Reveal: the current screen slides away on top and uncovers the next one underneath."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_4"},{"id":"step4-types-5","title":{"translations":{"en":"Fade: the next screen fades in over the current one."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_5"},{"id":"step4-types-6","title":{"translations":{"en":"Crossfade: the current screen fades out while the next one fades in."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_6"},{"id":"step4-types-7","title":{"translations":{"en":"Fade Through: the current screen fades out first, then the next one fades in while growing slightly to full size."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_7"},{"id":"step4-types-8","title":{"translations":{"en":"Scale: the next screen fades in while growing slightly to full size, and the current one fades out."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-types_8"}]}},{"id":"step4-direction","order":18,"kind":"Text","label":"step4-direction","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"This dialog has no direction setting. By default Slide, Push, Cover and Reveal move toward the left and Cover Vertical comes up from the bottom."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step5-head","order":19,"kind":"Text","label":"5. Set the duration and easing","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"5. Set the duration and easing"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step5-body","order":20,"kind":"Text","label":"step5-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"After you pick a type, Duration (ms) and Easing become editable. A new override starts at 300 ms with Ease In-Out (Cubic); changing the type later keeps the duration and easing you set."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step5-image","order":21,"kind":"Media","label":"A Slide of 400 ms with Ease Out (Cubic) on this connection","layout":{"heightKind":"fixed","heightValue":460,"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/projects/arswew63RwQr6V4Ekb1Z/cli-assets/content-plan-articles/CRjDaVqBd59eHmN7u2XO/20260929233613_screen-trans-04-override/origin.png","name":"A Slide of 400 ms with Ease Out (Cubic) on this connection"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step5-values","order":22,"kind":"BulletList","label":"Duration and easing","layout":{"heightKind":"auto","margin":{"top":12}},"optionsListContent":{"selectionMode":"browse","columnLayout":"oneCol","itemLayout":"Title","appearance":{},"items":[{"id":"step5-values-0","title":{"translations":{"en":"Duration: 50 to 10,000 milliseconds. It is saved when you click out of the field, and a number outside that range is set to the closest allowed value."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step5-values_0"},{"id":"step5-values-1","title":{"translations":{"en":"Easing: Ease Out, Ease In-Out, Ease In-Out (Cubic), Ease Out (Cubic), Ease Out (Expo), Ease Out (Back) or Linear. It is saved as soon as you choose it."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step5-values_1"}]}},{"id":"step5-note","order":23,"kind":"Text","label":"step5-note","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"The note under the settings now reads Overrides the funnel default for this connection only. Set Type to Inherit to remove."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step6-head","order":24,"kind":"Text","label":"6. Spot connections with their own transition","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"6. Spot connections with their own transition"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step6-body","order":25,"kind":"Text","label":"step6-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"After you close the dialog, a connection that carries its own transition shows a small dot at the corner of its button. Connections that follow the funnel default have no dot."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step6-image","order":26,"kind":"Media","label":"The connection button with its corner dot","layout":{"heightKind":"fixed","heightValue":200,"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/projects/arswew63RwQr6V4Ekb1Z/cli-assets/content-plan-articles/CRjDaVqBd59eHmN7u2XO/20260929233615_screen-trans-05-marker/origin.png","name":"The connection button with its corner dot"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step7-head","order":27,"kind":"Text","label":"7. Go back to the funnel default","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"7. Go back to the funnel default"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step7-body","order":28,"kind":"Text","label":"step7-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Open Connection Details again and set Type to Inherit (funnel default). This deletes the connection’s own transition and the dot disappears; the connection follows the funnel default again."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step8-head","order":29,"kind":"Text","label":"8. What visitors see","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"8. What visitors see"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step8-publish","order":30,"kind":"Text","label":"step8-publish","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Publish or republish the funnel so visitors get the change."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step8-rules","order":31,"kind":"BulletList","label":"How the transition is chosen","layout":{"heightKind":"auto","margin":{"top":12}},"optionsListContent":{"selectionMode":"browse","columnLayout":"oneCol","itemLayout":"Title","appearance":{},"items":[{"id":"step8-rules-0","title":{"translations":{"en":"A transition set on the connection always wins."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step8-rules_0"},{"id":"step8-rules-1","title":{"translations":{"en":"Otherwise, if your theme applied Calm Paywall and the connection leads into a Paywall screen, the Paywall’s calm transition (Cover Vertical, 400 ms) plays."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step8-rules_1"},{"id":"step8-rules-2","title":{"translations":{"en":"Otherwise the funnel default plays. If there is none, the screens switch instantly."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step8-rules_2"},{"id":"step8-rules-3","title":{"translations":{"en":"When a visitor goes back during the same visit, with your funnel’s Back or the browser’s Back button, the transition that led into the screen they are leaving plays again, mirrored for the way back. If the page was reloaded in between, going back uses the funnel default instead (or the Paywall’s calm transition when leaving a Paywall screen), not the connection’s own transition."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step8-rules_3"},{"id":"step8-rules-4","title":{"translations":{"en":"If a visitor’s device is set to reduce motion, screens switch instantly."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step8-rules_4"},{"id":"step8-rules-5","title":{"translations":{"en":"While a transition plays, taps on the screen are ignored, so a double tap cannot skip a screen."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step8-rules_5"}]}},{"id":"step8-scope","order":32,"kind":"Text","label":"step8-scope","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"A transition moves whole screens. To animate the elements on a single screen, see the Animation guide below."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"result-head","order":33,"kind":"Text","label":"Result","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"Result"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"result-body","order":34,"kind":"Text","label":"result-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Each connection moves the way you set it, and every other connection follows your theme’s default. Change or remove a connection’s transition any time and publish again."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"related-head","order":35,"kind":"Text","label":"Related guides","layout":{"heightKind":"auto","margin":{"top":40}},"textContent":{"title":{"translations":{"en":"Related guides"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"related-0","order":36,"kind":"Text","label":"related-0","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"V2 canvas: connect screens<sep>  —  </sep><detail>@open</detail>"},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":600,"lineHeight":25,"color":"#172033"},"templateParams":{"links":{"open":"https://help.segmently.ai/canvas-connect-screens"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}},{"id":"related-1","order":37,"kind":"Text","label":"related-1","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Theme animations: motion schemes<sep>  —  </sep><detail>@open</detail>"},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":600,"lineHeight":25,"color":"#172033"},"templateParams":{"links":{"open":"https://help.segmently.ai/help-theme-animations"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}},{"id":"related-2","order":38,"kind":"Text","label":"related-2","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Animation — all settings<sep>  —  </sep><detail>@open</detail>"},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":600,"lineHeight":25,"color":"#172033"},"templateParams":{"links":{"open":"https://help.segmently.ai/help-block-animation"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}}]}}}},"metadata":{"kind":"article","projectId":"arswew63RwQr6V4Ekb1Z","articleId":"CRjDaVqBd59eHmN7u2XO","alias":"help-screen-transitions","articlePresentation":{"version":1,"profiles":{"standard":{"containerMaxWidth":1120,"contentInsets":{"top":48,"end":32,"bottom":56,"start":32},"sectionPaddingScale":1,"textScale":1},"laptop":{"containerMaxWidth":960,"contentInsets":{"top":44,"end":40,"bottom":52,"start":40},"sectionPaddingScale":0.96,"textScale":0.96},"tablet":{"containerMaxWidth":760,"contentInsets":{"top":36,"end":28,"bottom":44,"start":28},"sectionPaddingScale":0.9,"textScale":0.92,"titleTextScale":0.9},"phone":{"containerMaxWidth":"100%","contentInsets":{"top":28,"end":16,"bottom":36,"start":16},"sectionPaddingScale":0.82,"textScale":0.88,"titleTextScale":0.82}}},"seo":{"publisherName":"Segmently"}},"webViewDefaultBackgroundColor":"#F7F8FA","articleRuntime":{"siteOrigin":"https://help.segmently.ai","byline":{"name":"Segmently","datePublished":"2026-09-29T23:37:19.650Z","dateModified":"2026-09-29T23:43:07.155Z","readingMinutes":4}},"projectAnalytics":{"integrations":[{"enabled":true,"config":{"mode":"http"},"platform":"segmently_internal","createdAt":"2026-05-26T13:53:00.398Z","name":"Segmently Analytics","updatedAt":"2026-09-27T21:22:36.598Z","id":"int_mpmp3jsm_aij2kz"}],"consentManagement":{"privacyPolicyUrl":"","bannerText":"We use cookies to improve your experience and analyze site usage.","defaultConsent":"denied","enabled":true}}}