{"schemaVersion":"2.0.0","defaultLanguage":"en","languages":["en"],"launchScreenId":"article_screen_W8ULHl3P9dnn7ekHsvJO","screens":{"article_screen_W8ULHl3P9dnn7ekHsvJO":{"id":"article_screen_W8ULHl3P9dnn7ekHsvJO","name":"Theme animations: motion schemes","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":"Theme animations: motion schemes"},"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 motion scheme decides how screens move in your funnel: the transition between two screens and the entrance of the elements on each screen. You pick one scheme in your theme, preview it, and apply it to the screens you have already built."},"kind":"static","appearance":{"align":"start","fontSize":17,"fontWeight":400,"lineHeight":26,"color":"#475467"}}}},{"id":"step1-head","order":2,"kind":"Text","label":"1. Open the theme settings","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"1. Open the theme settings<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/onboarding-wizard-theme-customize"},"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. In the Screen Templates panel on the right, click the gear icon (Template settings). The Edit V2 Theme Settings editor opens full screen: a gallery of your theme’s screen templates on the left and the theme settings on the right."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step1-image","order":4,"kind":"Media","label":"The gear icon in the Screen Templates panel","layout":{"heightKind":"fixed","heightValue":360,"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/20260929230424_theme-anim-01-open-settings/origin.png","name":"The gear icon in the Screen Templates panel"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step1-wizard","order":5,"kind":"Text","label":"step1-wizard","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Creating a new funnel instead? The same Animations settings are on the Customize Theme step of the Create Onboarding wizard."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step2-head","order":6,"kind":"Text","label":"2. Choose a motion scheme","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"2. Choose a motion scheme"},"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":"In the settings on the right, expand Animations. It offers five schemes. Each one fills in a screen transition (how one screen hands over to the next) and a screen entrance (how the elements of a screen appear, one after another with a short stagger delay). Click a card to select it. The Smooth card is marked Default."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step2-image-editor","order":8,"kind":"Media","label":"The Animations section 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/20260929230441_theme-anim-02-editor-animations-section/origin.png","name":"The Animations section in the theme editor"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step2-image-schemes","order":9,"kind":"Media","label":"The five motion schemes","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"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step2-schemes","order":10,"kind":"BulletList","label":"The five schemes","layout":{"heightKind":"auto","margin":{"top":12}},"optionsListContent":{"selectionMode":"browse","columnLayout":"oneCol","itemLayout":"Title","appearance":{},"items":[{"id":"step2-schemes-0","title":{"translations":{"en":"None — No motion. Instant screens."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step2-schemes_0"},{"id":"step2-schemes-1","title":{"translations":{"en":"Subtle — Fade 250ms · fadeIn"},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step2-schemes_1"},{"id":"step2-schemes-2","title":{"translations":{"en":"Smooth — Slide 300ms · fadeInUp, stagger 80"},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step2-schemes_2"},{"id":"step2-schemes-3","title":{"translations":{"en":"Dynamic — Push 280ms · slideInUp, stagger 60"},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step2-schemes_3"},{"id":"step2-schemes-4","title":{"translations":{"en":"Playful — Scale 350ms bounce · zoomIn, stagger 100"},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step2-schemes_4"}]}},{"id":"step2-none","order":11,"kind":"Text","label":"step2-none","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"None turns motion off on purpose. Until you pick any scheme, the theme leaves screen motion alone."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step2-scope","order":12,"kind":"Text","label":"step2-scope","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"A scheme covers screen transitions and screen entrances only. List item animations and button animations are not part of a scheme; set them for each screen in the screen editor."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step3-head","order":13,"kind":"Text","label":"3. Keep the Paywall calm","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"3. Keep the Paywall calm"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step3-body","order":14,"kind":"Text","label":"step3-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Below the cards, the Calm Paywall option (coverVertical + fade — no bouncing prices) is on for Smooth, Dynamic and Playful. On Paywall screens it replaces the scheme’s motion with a Cover Vertical transition (400 ms) and a plain Fade In entrance (300 ms), so prices and plans never bounce, scale or fly in. Subtle and None start with it off."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step3-image","order":15,"kind":"Media","label":"The Calm Paywall option under the scheme cards","layout":{"heightKind":"fixed","heightValue":300,"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/20260929230446_theme-anim-03-calm-paywall/origin.png","name":"The Calm Paywall option under the scheme cards"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step3-toggle","order":16,"kind":"Text","label":"step3-toggle","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Untick the box to give Paywall screens the same motion as every other screen. Tick it again to bring the calm motion back. The box is disabled until you have picked a scheme."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step4-head","order":17,"kind":"Text","label":"4. Fine-tune the values in Advanced","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"4. Fine-tune the values in Advanced"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step4-body","order":18,"kind":"Text","label":"step4-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Click Advanced to see the exact values behind the selected scheme and to change them."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step4-image","order":19,"kind":"Media","label":"The Advanced values","layout":{"heightKind":"fixed","heightValue":480,"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/20260929230448_theme-anim-04-advanced/origin.png","name":"The Advanced values"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step4-values","order":20,"kind":"BulletList","label":"Advanced values","layout":{"heightKind":"auto","margin":{"top":12}},"optionsListContent":{"selectionMode":"browse","columnLayout":"oneCol","itemLayout":"Title","appearance":{},"items":[{"id":"step4-values-0","title":{"translations":{"en":"Screen transition — Type: Slide, Push, Cover, Cover Vertical, Reveal, Fade, Crossfade, Fade Through or Scale (choose None for an instant switch)."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-values_0"},{"id":"step4-values-1","title":{"translations":{"en":"Screen transition — Duration: 50 to 10,000 ms. Delay: 0 to 10,000 ms."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-values_1"},{"id":"step4-values-2","title":{"translations":{"en":"Screen transition — Direction: Left, Right, Up or Down. It appears for Slide, Push, Cover, Cover Vertical and Reveal."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-values_2"},{"id":"step4-values-3","title":{"translations":{"en":"Screen transition — Easing: Ease Out, Ease In-Out, Ease In-Out (Cubic), Ease Out (Cubic), Ease Out (Expo), Ease Out (Back) or Linear."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-values_3"},{"id":"step4-values-4","title":{"translations":{"en":"Screen entrance — Preset: choose an entrance such as Fade In Up, or None."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-values_4"},{"id":"step4-values-5","title":{"translations":{"en":"Screen entrance — Duration: 50 to 10,000 ms. Stagger: 0 to 1,000 ms per element."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":24,"color":"#344054"}},"variableValue":"step4-values_5"}]}},{"id":"step4-custom","order":21,"kind":"Text","label":"step4-custom","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"A number outside its range is set to the closest allowed value. As soon as your values no longer match any of the five schemes, a Custom label appears and no card is highlighted. Click a card again to return to that scheme’s values."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step5-head","order":22,"kind":"Text","label":"5. Preview the transition","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"5. Preview the transition<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-screen-transitions"},"labels":{"sep":{"align":"start","fontSize":14,"fontWeight":500,"lineHeight":20,"color":"#98A2B3"},"detail":{"align":"start","fontSize":14,"fontWeight":600,"lineHeight":20,"color":"#2563EB"}}}}}},{"id":"step5-body","order":23,"kind":"Text","label":"step5-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Under the settings, the Transition preview shows a small two-screen phone and a caption such as slide · left · 300ms. Click Play to watch the current transition. It also replays by itself shortly after you change a transition setting, unless your device is set to reduce motion."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step5-image","order":24,"kind":"Media","label":"The transition preview mid-transition","layout":{"heightKind":"fixed","heightValue":260,"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/20260929230450_theme-anim-05-transition-demo/origin.png","name":"The transition preview mid-transition"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step5-note","order":25,"kind":"Text","label":"step5-note","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"With None selected the caption reads No transition (instant) and Play is disabled. The preview matches your settings in type, speed, curve and direction, but it is a preview aid, not a pixel-exact copy of your published funnel."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step6-head","order":26,"kind":"Text","label":"6. Play the entrance animations","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"6. Play the entrance animations<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-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"}}}}}},{"id":"step6-body","order":27,"kind":"Text","label":"step6-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Above the gallery, click Play animations. Each ticked screen template plays its entrance animation once, and the transition preview plays too. While it runs the button reads Playing… — click it again to restart, or let it end by itself when the entrances finish."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step6-image","order":28,"kind":"Media","label":"Play animations while a pass is running","layout":{"heightKind":"fixed","heightValue":420,"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/20260929230452_theme-anim-06-play-animations/origin.png","name":"Play animations while a pass is running"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step6-select","order":29,"kind":"Text","label":"step6-select","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"All screens are ticked when you open the editor. Use the checkbox on each screen, or Deselect all and Select all, to choose which ones play. The button is disabled when no screen is ticked, or when none of the ticked screens has an entrance animation — hover it to see the reason."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step7-head","order":30,"kind":"Text","label":"7. Apply the scheme to your screens","layout":{"heightKind":"auto","margin":{"top":32}},"textContent":{"title":{"translations":{"en":"7. Apply the scheme to your screens"},"kind":"static","appearance":{"align":"start","fontSize":21,"fontWeight":750,"lineHeight":28,"color":"#101828"}}}},{"id":"step7-body","order":31,"kind":"Text","label":"step7-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Screens you add from the Screen Templates panel start with the scheme’s entrance animation once you save the theme (Save keeps the editor open, Done saves and closes). To update the screens already on your canvas, click Apply to canvas at the bottom of the settings. The number in brackets is how many screen types are selected; all are selected when the editor opens."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step7-groups","order":32,"kind":"Text","label":"step7-groups","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"In the Apply theme to canvas dialog, tick Animations — and untick Background, Header, Footer and Body if you only want to change motion — then click Continue."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step7-image-groups","order":33,"kind":"Media","label":"The Animations group in the Apply theme to canvas dialog","layout":{"heightKind":"fixed","heightValue":380,"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/20260929230454_theme-anim-07a-apply-groups/origin.png","name":"The Animations group in the Apply theme to canvas dialog"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step7-confirm","order":34,"kind":"Text","label":"step7-confirm","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"The next step lists every screen that will change, with a before and after thumbnail. Untick a screen to keep it as it is. A screen whose motion you set by hand shows Customized — will be overwritten. With only Animations ticked, Web Embed screens are counted as unsupported and left unchanged, because custom HTML controls its own motion. Click Apply; a summary such as Applied 3 · Skipped 0 · Unsupported 1 confirms it."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"step7-image-confirm","order":35,"kind":"Media","label":"The confirm step: screens to update and unsupported Web Embed","layout":{"heightKind":"fixed","heightValue":640,"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/20260929230456_theme-anim-07b-apply-confirm/origin.png","name":"The confirm step: screens to update and unsupported Web Embed"}},"appearance":{}}},"appearance":{"scaleMode":"scaleAspectFit","cornerRadii":{"uniform":12}}}},{"id":"step7-publish","order":36,"kind":"Text","label":"step7-publish","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Applying Animations also saves the scheme’s screen transition, including the Calm Paywall override, as the funnel’s default, so screens transition as well as animate. Publish or republish the funnel so visitors see the new motion. A transition you set on one connection between two screens still overrides the theme’s."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"result-head","order":37,"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":38,"kind":"Text","label":"result-body","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Your funnel moves the way the scheme describes: screens transition, elements animate in, and the Paywall stays calm. Change the scheme any time and apply it again."},"kind":"static","appearance":{"align":"start","fontSize":16,"fontWeight":400,"lineHeight":25,"color":"#344054"}}}},{"id":"related-head","order":39,"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":40,"kind":"Text","label":"related-0","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"}}}}}},{"id":"related-1","order":41,"kind":"Text","label":"related-1","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Screen transitions between 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/help-screen-transitions"},"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":42,"kind":"Text","label":"related-2","layout":{"heightKind":"auto","margin":{"top":12}},"textContent":{"title":{"translations":{"en":"Onboarding wizard: theme customization<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/onboarding-wizard-theme-customize"},"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":"W8ULHl3P9dnn7ekHsvJO","alias":"help-theme-animations","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:07:26.413Z","dateModified":"2026-09-29T23:16:46.946Z","readingMinutes":5}},"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}}}