Lottie Progress Bar
Overview
The Lottie Progress Bar component provides a visually engaging way to display progress using Lottie animations.
Implementation
Accepted Steps
- [Goal Choice](Onboarding Templates/Goal Choice)
- [Pick Interest](Onboarding Templates/Pick Interest)
- [Question Range Slider](Onboarding Templates/Question Range Slider)
- [Question Time Picker](Onboarding Templates/Question Time Picker)
- [Question Scale](Onboarding Templates/Question Scale)
- [Instant Feedback](Onboarding Templates/Instant Feedback)
- [Goal Choice Radio](Onboarding Templates/Goal Choice Radio)
- [Goal Multi Choice](Onboarding Templates/Goal Multi Choice)
Properties
| Name | Type | Description | Is Optional? |
|---|---|---|---|
title | string | The title of the section. | Optional |
titleColor | string | Color code for the title text (e.g., #FFFFFF). | Optional |
start | string | The starting value stepId for the progress bar (e.g., step1). | Required |
end | string | The ending value stepId for the progress bar (e.g., step100). | Required |
progressColor | string | Color code for the fill color of the progress bar. | Required |
progressEndColor | string | Color code for the progress circle color of the progress bar. | Required |
progressBgColor | string | Color code for the background (progress yet to be made) of progress bar | Optional |
lottieUrl | string | URL to the Lottie animation file that will be displayed on progress compeleted. | Optional |
Rules
startandendcannot be the same step.startshould be before theendin steps.
Examples
Sections JSON that should be added to onboarding
{
"sections": [
{
"title":"Introduction",
"lottieUrl": "https://c.thefab.co/web-onboarding/fabulous/lottie/lottie_prog_bar_sparkles.json",
"start": "role_anxiety",
"end": "committed_learning",
"progressColor": "blue",
"progressEndColor": "blue"
}
]
}
Full Scenario
{
"id": "mind_app_id",
"journeyId": "SaDJUYAjRv",
"language": "en",
"appId": "co.thefab.mind",
"seo": {
"title": "Lumiere",
"favicon": "https://c.thefab.co/web-onboarding/mind/mind-favicon.png",
"description": "Manage stress and anxiety through self-care practices and empowering affirmations. Embark on a journey of self-love."
},
"sections": [
{
"title":"Introduction",
"lottieUrl": "https://c.thefab.co/web-onboarding/fabulous/lottie/lottie_prog_bar_sparkles.json",
"start": "role_anxiety",
"end": "committed_learning",
"progressColor": "blue",
"progressEndColor": "blue"
}
],
"steps": [
{
"type": "goalChoice",
"title": "What role does anxiety (and its cousins, worry and fear) play in your life?",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/goal_choice_background_leaves01_opt.jpg",
"stepId": "role_anxiety",
"subtitle": "",
"key": "role_anxiety",
"backgroundColor": "#2C80FF",
"hideIcons": true,
"textColor": "#fff",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/goal_choice_background_leaves01_opt.jpg",
"choices": [
{
"name": "The main character, in almost every scene",
"locked": false,
"value": "main_character",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "A side character, making regular appearances",
"locked": false,
"value": "side_character",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "An extra, showing up occasionally but going mostly unnoticed",
"locked": false,
"value": "extra_character",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "pickinterest",
"stepId": "coping_mechanism",
"backgroundColor": "#004b42",
"bottomViewColor": "#53B7A9",
"bottomButtonColor": "#FFFFFF",
"bottomButtonTextColor": "#006055",
"title": "What coping mechanisms have you tried or considered for managing your ADHD",
"subtitle": "",
"buttonText": "Continue",
"minimumSelectionCount": 0,
"columnCount": 3,
"textAlignment": "TOP",
"key": "risk",
"textColor": "#fff",
"data": [
{
"textColor": "#006055",
"text": "Medication",
"backgroundColor": "#FFFFFF",
"imagePath": "https://c.thefab.co/adhd/onboarding/Medication.jpg",
"key": "medication",
"darkScrim": false
},
{
"textColor": "#006055",
"text": "Mindfulness and relaxation techniques",
"backgroundColor": "#FFFFFF",
"imagePath": "https://c.thefab.co/adhd/onboarding/Mindfullness.jpg",
"key": "relaxation",
"darkScrim": false
},
{
"textColor": "#006055",
"text": "Diet and exercise",
"backgroundColor": "#FFFFFF",
"imagePath": "https://c.thefab.co/adhd/onboarding/Diet.jpg",
"key": "restrictive_diets",
"darkScrim": false
},
{
"textColor": "#006055",
"text": "Cognitive Behavioral Therapy",
"backgroundColor": "#FFFFFF",
"imagePath": "https://c.thefab.co/adhd/onboarding/CBT.jpg",
"key": "cbt",
"darkScrim": false
},
{
"textColor": "#006055",
"text": "ADHD Coaching",
"backgroundColor": "#FFFFFF",
"imagePath": "https://c.thefab.co/adhd/onboarding/ADHD_coaching.jpg",
"key": "none",
"darkScrim": false
},
{
"textColor": "#006055",
"text": "Other",
"backgroundColor": "#FFFFFF",
"imagePath": "https://c.thefab.co/adhd/onboarding/Other.jpg",
"key": "other",
"darkScrim": false
},
{
"textColor": "#006055",
"text": "None",
"backgroundColor": "#FFFFFF",
"imagePath": "",
"key": "none",
"darkScrim": false
}
]
},
{
"type": "interstitial",
"stepId": "mind_meaningful",
"config": {
"id": "mind_meaningful",
"title": "You will learn how to shape a meaningful life, where anxiety is a character but does not get to write the story",
"showTextDelay": 100,
"showButtonsDelay": 300,
"should_animate_text": true,
"image": "https://c.thefab.co/mind/onboarding/Inter/optimized/inter_mind_will_opt.jpg",
"color_cta": "#FFFFFF",
"autoNextDelay": 4000,
"color_cta_button": "#05A986",
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#003788",
"textColor": "#FFFFFF",
"autoNext": true
}
},
{
"type": "interstitial",
"stepId": "psychological_flexibility",
"config": {
"id": "psychological_flexibility",
"title": "",
"image": "https://c.thefab.co/web-onboarding/mind/inter_infographic_elixir_opt.webp",
"color_cta": "#003788",
"color_cta_button": "#FFFFFF",
"showButtonsDelay": 300,
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#003788",
"cta": "Continue",
"textColor": "#FFFFFF"
}
},
{
"type": "goalChoice",
"title": "How familiar are you with Acceptance and Commitment Therapy (ACT)?",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/goal_choice_background_leaves02_opt.jpg",
"stepId": "familiar_act",
"subtitle": "",
"key": "familiar_act",
"backgroundColor": "#2C80FF",
"hideIcons": true,
"textColor": "#fff",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/goal_choice_background_leaves01_opt.jpg",
"choices": [
{
"name": "Very familiar",
"locked": false,
"value": "very_familiar",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Curious",
"locked": false,
"value": "curious",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Not familiar",
"locked": false,
"value": "not_familiar",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "Have you ever been diagnosed with an anxiety-related disorder (e.g., generalized anxiety, panic, PTSD, OCD)?",
"subtitle": "",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/goal_choice_background_leaves03_opt.jpg",
"stepId": "anxiety_diagnosed",
"key": "anxiety_diagnosed",
"backgroundColor": "#2C80FF",
"hideIcons": true,
"textColor": "#fff",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/goal_choice_background_leaves01_opt.jpg",
"choices": [
{
"name": "Yes",
"locked": false,
"value": "yes",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "No",
"locked": false,
"value": "no",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "I'd rather not say",
"locked": false,
"value": "rather_not",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "interstitial",
"stepId": "did_you_know",
"config": {
"id": "did_you_know",
"title": "",
"showTextDelay": 100,
"showButtonsDelay": 300,
"should_animate_text": true,
"image": "https://c.thefab.co/web-onboarding/mind/inter_did_you_know_2.webp",
"color_cta": "#001042",
"autoNextDelay": 4000,
"color_cta_button": "#FFFFFF",
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#001042",
"cta": "Now I know",
"textColor": "#FFFFFF"
}
},
{
"type": "goalChoice",
"title": "How often is this statement true for you:",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/img_goal_choice_leaf_01_opt.jpg",
"subtitle": "“I feel tense or wound up.”",
"stepId": "tense_wound",
"key": "tense_wound",
"backgroundColor": "#2C80FF",
"hideIcons": true,
"textColor": "#fff",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/mind-goal-choice-1-desktop.jpg",
"choices": [
{
"name": "Never true",
"locked": false,
"value": "never_true",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Just a little true",
"locked": false,
"value": "just_alittle",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Moderately true",
"locked": false,
"value": "moderately_true",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Very true",
"locked": false,
"value": "very_true",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How often is this statement true for you:",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/img_goal_choice_leaf_02_opt.jpg",
"stepId": "worrying_thoughts",
"subtitle": "“Worrying thoughts go through my mind.”",
"key": "worrying_thoughts",
"backgroundColor": "#2C80FF",
"hideIcons": true,
"textColor": "#fff",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/mind-goal-choice-1-desktop.jpg",
"choices": [
{
"name": "Never true",
"locked": false,
"value": "never_true",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Just a little true",
"locked": false,
"value": "just_alittle",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Moderately true",
"locked": false,
"value": "moderately_true",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Very true",
"locked": false,
"value": "very_true",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"stepId": "manage_anxiety",
"key": "manage_anxiety",
"type": "goalMultiChoice",
"title": "What things have you done to help manage your anxiety, worry, or fear?",
"subtitle": "(Select all that fit)",
"backgroundColor": "#2B80FF",
"mode": "MULTI_CHOICE",
"ctaContainerColor": "#1669E8",
"ctaBackgroundColor": "#FFFFFF",
"hideCta": false,
"textColor": "#FFFFFF",
"ctaColor": "#114EAB",
"ctaText": "Continue",
"choiceBackgroundColor": "#FFF",
"choiceTextColor": "#114EAB",
"hoverBackgroundColor": "#C6D8FC",
"hoverTextColor": "#114EAB",
"selectedChoiceBackgroundColor": "#FFF",
"selectedChoiceTextColor": "#114EAB",
"checkboxBackgroundColor": "#C7D8FC",
"selectedCheckboxBackgroundColor": "#2B80FF",
"bottomViewColor": "#1669E8",
"bottomButtonTextColor": "#114EAB",
"bottomButtonColor": "#fff",
"choices": [
{
"value": "avoiding_situations",
"name": "Avoiding situations",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "pushing_down",
"name": "Pushing down thoughts or distracting myself",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "performing",
"name": "Performing comforting rituals",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "venting",
"name": "Venting to a friend or family",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "reading",
"name": "Reading books on how to control anxious feelings",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "therapy_support",
"name": "Going to therapy or joining a support group",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "anixety_medication",
"name": "Using anti-anxiety medications",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "substances",
"name": "Using substances (e.g. alcohol) to dull the pain",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
}
]
},
{
"type": "goalChoice",
"title": "Did they help you feel better in the short-term?",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/img_goal_choice_leaf_03_opt.jpg",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/mind-goal-choice-1-desktop.jpg",
"subtitle": "",
"stepId": "help_short_term",
"key": "help_short_term",
"backgroundColor": "#2C80FF",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "Yes",
"locked": false,
"value": "yes",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "No",
"locked": false,
"value": "no",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "What about in the long-term? Are they still helping now?",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/img_goal_choice_leaf_04_opt.jpg",
"subtitle": "",
"stepId": "help_long_term",
"key": "help_long_term",
"backgroundColor": "#2C80FF",
"hideIcons": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/mind-goal-choice-1-desktop.jpg",
"textColor": "#FFFFFF",
"choices": [
{
"name": "They are still effective",
"locked": false,
"value": "effective",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "They sometimes work",
"locked": false,
"value": "sometimes",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "They stopped working",
"locked": false,
"value": "stopped_working",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "interstitial",
"stepId": "takes_effort",
"config": {
"id": "takes_effort",
"title": "You probably realize that trying to control anxiety, worry, and fear takes a lot of effort and doesn’t deliver long-term results",
"showTextDelay": 100,
"autoNextDelay": 4000,
"should_animate_text": true,
"image": "https://c.thefab.co/mind/onboarding/Inter/img_inter_anxiety_control_01_opt.jpg",
"color_cta": "#FFFFFF",
"color_cta_button": "#05A986",
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#114EA8",
"textColor": "#fff",
"autoNext": true
}
},
{
"type": "interstitial",
"stepId": "avoiding_anxiety",
"config": {
"id": "avoiding_anxiety",
"title": "What if avoiding and trying to get rid of anxiety is the problem?",
"showTextDelay": 100,
"autoNextDelay": 3500,
"should_animate_text": true,
"image": "https://c.thefab.co/mind/onboarding/Inter/img_inter_anxiety_control_02_opt.jpg",
"color_cta": "#FFFFFF",
"color_cta_button": "#05A986",
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#114EA8",
"textColor": "#fff",
"autoNext": true
}
},
{
"stepId": "life_experience",
"key": "life_experience",
"type": "goalMultiChoice",
"title": "In what areas of your life have you experienced difficulties because of anxiety, worry, or fear?",
"subtitle": "(Select all that fit)",
"backgroundColor": "#2B80FF",
"mode": "MULTI_CHOICE",
"ctaContainerColor": "#1669E8",
"ctaBackgroundColor": "#FFFFFF",
"hideCta": false,
"textColor": "#FFFFFF",
"ctaColor": "#114EAB",
"ctaText": "Continue",
"choiceBackgroundColor": "#FFF",
"choiceTextColor": "#114EAB",
"hoverBackgroundColor": "#C6D8FC",
"hoverTextColor": "#114EAB",
"selectedChoiceBackgroundColor": "#FFF",
"selectedChoiceTextColor": "#114EAB",
"checkboxBackgroundColor": "#C7D8FC",
"selectedCheckboxBackgroundColor": "#2B80FF",
"bottomViewColor": "#1669E8",
"bottomButtonTextColor": "#114EAB",
"bottomButtonColor": "#fff",
"choices": [
{
"value": "relationships",
"name": "Relationships (with friends, family, significant other)",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "career",
"name": "Career (reduced productivity, missing work, avoiding tasks, quitting or being fired)",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "health",
"name": "Health (getting sick often, sleep problems, avoiding medical care)",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "energy",
"name": "Energy (exhaustion, memory trouble, time spent on avoidance efforts)",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "emotional",
"name": "Emotional (sadness, depression, anger, guilt, regret)",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
},
{
"value": "freedom",
"name": "Freedom (less ability to do what you want to or enjoy doing)",
"nameColor": "#114EAB",
"selectionColor": "#2B80FF",
"opacity": "0.8",
"backgroundColor": "#B5D2FF"
}
]
},
{
"type": "interstitial",
"stepId": "hold_pain",
"config": {
"id": "hold_pain",
"title": "",
"showTextDelay": 100,
"showButtonsDelay": 500,
"should_animate_text": true,
"image": "https://c.thefab.co/web-onboarding/mind/img_inter_infographic_delicate_flower_opt.webp",
"color_cta": "#114EA8",
"color_cta_button": "#FFFFFF",
"cta": "Continue",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#114EA8",
"textColor": "#FFF",
"imageAltText": "Hold your pain as you would hold a delicate flower in your heart"
}
},
{
"type": "goalChoice",
"title": "Are you willing and committed to learning a new way to manage anxiety, worry, and fear?",
"backgroundImage": "https://c.thefab.co/mind/onboarding/Inter/img_goal_choice_delicate_flower_opt.jpg",
"stepId": "committed_learning",
"subtitle": "",
"key": "committed_learning",
"backgroundColor": "#2C80FF",
"hideIcons": true,
"textColor": "#fff",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/mind-goal-choice-3-desktop.jpg",
"choices": [
{
"name": "Let's give it a try",
"locked": false,
"value": "give_try",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Not sure yet",
"locked": false,
"value": "not_sure",
"nameColor": "#003788",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "video",
"stepId": "chapter_2_video",
"url": "https://c.thefab.co/mind/onboarding/video/optimized/vid_inner_child_chapter_opener_optimized.mp4",
"tallScreenUrl": "https://c.thefab.co/mind/onboarding/video/optimized/vid_inner_child_chapter_opener_optimized.mp4",
"showCloseButtonOnTap": false,
"loopVideo": false,
"backgroundColor": "#4D2900",
"showPulseAnimation": true,
"aspect": "FIT_SINGLE_SIDE",
"shouldCloseAnimated": true,
"transitionCircleColor": "#AE5B29",
"color_ctaOpacity": 0.75,
"title": "\n\n\n\n\n\n\n\nChapter 2:\nYour Inner Child",
"subtitle": "",
"textColor": "#FFFFFF"
},
{
"type": "interstitial",
"stepId": "retain_memories",
"config": {
"id": "retain_memories",
"title": "Regardless of our age, our inner child retains the memories, feelings, and beliefs from our childhood",
"showTextDelay": 100,
"showButtonsDelay": 300,
"autoNextDelay": 4000,
"should_animate_text": true,
"image": "https://c.thefab.co/web-onboarding/mind/img_inter_inner_child_01_opt.webp",
"color_cta": "#FFFFFF",
"color_cta_button": "#E8AC14",
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#4D2900",
"autoNext": true,
"textColor": "#FFF"
}
},
{
"type": "interstitial",
"stepId": "heal_grow",
"config": {
"id": "heal_grow",
"title": "Understanding our inner child will help us heal and grow, especially when we endure instability and insecurity",
"showTextDelay": 100,
"showButtonsDelay": 300,
"autoNextDelay": 4000,
"should_animate_text": true,
"image": "https://c.thefab.co/mind/onboarding/Inter/optimized/img_inter_inner_child_02_opt.jpg",
"color_cta": "#FFFFFF",
"color_cta_button": "#E8AC14",
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#4D2900",
"autoNext": true,
"textColor": "#FFF"
}
},
{
"type": "interstitial",
"stepId": "recall_emotions",
"config": {
"id": "recall_emotions",
"title": "Recall emotions of sadness, anger, or seeking comfort. These reveal your inner child. Will you listen?",
"showTextDelay": 100,
"showButtonsDelay": 300,
"autoNextDelay": 4000,
"should_animate_text": true,
"image": "https://c.thefab.co/mind/onboarding/Inter/optimized/img_inter_inner_child_03_opt.jpg",
"color_cta": "#FFFFFF",
"color_cta_button": "#E8AC14",
"subtitle": "",
"hide_close_icon": true,
"textColor": "#FFF",
"mode": "BOLD",
"color_background": "#4D2900",
"autoNext": true
}
},
{
"type": "interstitial",
"stepId": "child_influence",
"config": {
"id": "child_influence",
"title": "Answer these questions truthfully to understand how your inner child affects your adult life. There is no shame or judgment.",
"showTextDelay": 100,
"showButtonsDelay": 300,
"autoNextDelay": 4500,
"should_animate_text": true,
"image": "https://c.thefab.co/mind/onboarding/Inter/optimized/img_inter_inner_child_04_opt.jpg",
"color_cta": "#FFFFFF",
"color_cta_button": "#E8AC14",
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#4D2900",
"autoNext": true,
"textColor": "#FFF"
}
},
{
"type": "interstitial",
"stepId": "start_childhood",
"config": {
"id": "start_childhood",
"title": "Let’s start with your childhood",
"showTextDelay": 100,
"showButtonsDelay": 300,
"should_animate_text": true,
"image": "https://c.thefab.co/web-onboarding/mind/img_inter_inner_child_05_opt.webp",
"color_cta": "#FFFFFF",
"color_cta_button": "#E8AC14",
"subtitle": "",
"hide_close_icon": true,
"mode": "DEFAULT",
"color_background": "#4D2900",
"autoNext": true,
"textColor": "#FFF"
}
},
{
"type": "goalChoice",
"title": "Which of these is closest to the behavior of the people who raised you?",
"stepId": "closest_behavior",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_01.jpg",
"subtitle": "",
"key": "closest_behavior",
"backgroundColor": "#4D2900",
"hideIcons": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"textColor": "#FFF",
"choices": [
{
"name": "Authoritarian: They set strict rules, were critical and did not listen to my feelings",
"locked": false,
"value": "authoritarian",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Permissive: They rarely enforced any rules and acted more like my peer",
"locked": false,
"value": "permissive",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Neglectful: They were uninvolved or absent, providing little guidance",
"locked": false,
"value": "neglectful",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Balanced: They set clear rules but were nurturing and listened to my feelings",
"locked": false,
"value": "authoritative",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How much does this sound like you?",
"stepId": "easily_overwhelmed",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_02.jpg",
"subtitle": "“I’m easily overwhelmed by the idea of someone depending on me”",
"key": "easily_overwhelmed",
"backgroundColor": "#4D2900",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "Not at all",
"locked": false,
"value": "not_at_all",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "A little",
"locked": false,
"value": "alittle",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Somewhat",
"locked": false,
"value": "somewhat",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "A lot",
"locked": false,
"value": "alot",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How true is this for you?",
"stepId": "worst_critic",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_03.jpg",
"subtitle": "“You are your own worst critic”",
"key": "worst_critic",
"backgroundColor": "#4D2900",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "Not true at all",
"locked": false,
"value": "not_at_all",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Somewhat true",
"locked": false,
"value": "somewhat_true",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Very true",
"locked": false,
"value": "very_true",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Extremely true",
"locked": false,
"value": "extremely_true",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How do you feel about the idea of depending on other people?",
"stepId": "depending_on_you",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_04.jpg",
"subtitle": "",
"key": "depending_on_you",
"backgroundColor": "#4D2900",
"hideIcons": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"textColor": "#FFFFFF",
"choices": [
{
"name": "Good, I think it’s important to have a support system",
"locked": false,
"value": "good",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Okay, I occasionally ask for help ",
"locked": false,
"value": "okay",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Not so good, I prefer not to depend on other people",
"locked": false,
"value": "not_so_good",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Bad, I avoid depending on others at all costs",
"locked": false,
"value": "bad",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How hard is it for you to say no when someone asks you to do something you do not have time for?",
"stepId": "say_no",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_05.jpg",
"subtitle": "",
"key": "say_no",
"backgroundColor": "#4D2900",
"hideIcons": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"textColor": "#FFFFFF",
"choices": [
{
"name": "Not hard at all",
"locked": false,
"value": "not_hard",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Somewhat hard",
"locked": false,
"value": "somewhat",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Very hard",
"locked": false,
"value": "very_hard",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Extremely hard",
"locked": false,
"value": "extremely_hard",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How much guilt would you feel?",
"stepId": "hurt_feelings",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_06.jpg",
"subtitle": "Think about the last time you hurt someone’s feelings, whether intentionally or by accident",
"key": "hurt_feelings",
"backgroundColor": "#4D2900",
"hideIcons": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"textColor": "#FFFFFF",
"choices": [
{
"name": "Very little",
"locked": false,
"value": "very_little",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Some",
"locked": false,
"value": "some",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Quite a bit",
"locked": false,
"value": "quite_a_bit",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "A lot",
"locked": false,
"value": "alot",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "interstitial",
"stepId": "next_scenario",
"config": {
"id": "next_scenario",
"title": "Next you’ll see some scenarios. Choose the response that matches what you'd do in a similar situation.",
"showTextDelay": 100,
"showButtonsDelay": 300,
"autoNextDelay": 3500,
"should_animate_text": true,
"image": "https://c.thefab.co/mind/onboarding/Inter/img_inter_inner_child_water_break_opt.jpg",
"color_cta": "#FFFFFF",
"color_cta_button": "",
"subtitle": "",
"hide_close_icon": true,
"mode": "BOLD",
"color_background": "#4D2900",
"autoNext": true,
"textColor": "#FFF"
}
},
{
"type": "goalChoice",
"title": "What do you do?",
"stepId": "water_plants",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_07.jpg",
"subtitle": "Your neighbor, who often asks for favors, wants you to water their plants while they're away. You'd rather not help this time.",
"key": "water_plants",
"backgroundColor": "#4D2900",
"hideIcons": true,
"textColor": "#FFFFFF",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"choices": [
{
"name": "Tell them no — I don’t have to explain why",
"locked": false,
"value": "no",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Tell them I wish I could and make up an excuse for why I can’t",
"locked": false,
"value": "excuse",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Agree to help, but say this needs to be the last time for awhile",
"locked": false,
"value": "agree",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Tell them I would be happy to help — I would feel guilty if I said no",
"locked": false,
"value": "guilty",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "What would you do?",
"stepId": "lunch",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_08.jpg",
"subtitle": "You’re having lunch with a friend and accidentally spill your drink. The liquid splashes onto their shirt, staining it",
"key": "lunch",
"backgroundColor": "#4D2900",
"hideIcons": true,
"textColor": "#FFFFFF",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"choices": [
{
"name": "Say oops and laugh it off — accidents happen!",
"locked": false,
"value": "oops",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Apologize and quickly move on",
"locked": false,
"value": "apologize",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Say “I’m so sorry” and offer to buy them a new shirt",
"locked": false,
"value": "sorry",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Apologize profusely and spend the rest of the meal feeling guilty",
"locked": false,
"value": "feel_guilty",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "While you’re talking to someone new, they mention wanting to spend as much time as possible with people they become close to",
"stepId": "someone_new",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_09.jpg",
"key": "someone_new",
"backgroundColor": "#4D2900",
"hideIcons": true,
"textColor": "#FFFFFF",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"choices": [
{
"name": "Happiness, I feel the same way!",
"locked": false,
"value": "happiness",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Neutral, that’s not exactly like me but wouldn’t bother me",
"locked": false,
"value": "neutral",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Concern, will they expect me to spend a lot of time with them?",
"locked": false,
"value": "concern",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Panic, just hearing that makes me feel suffocated!",
"locked": false,
"value": "panic",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "You’re learning a new skill. What goes through your mind?",
"stepId": "learning_skill",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_10.jpg",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"subtitle": "",
"key": "learning_skill",
"backgroundColor": "#4D2900",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "I’m doing great for my first time!",
"locked": false,
"value": "doing_great",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "This is hard, but I’m sure I’ll get better at it",
"locked": false,
"value": "hard",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "It feels like I’m making a lot of mistakes",
"locked": false,
"value": "mistakes",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "I’m terrible at this, how embarrassing!",
"locked": false,
"value": "terrible",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "You have a free day. How would you spend it?",
"stepId": "free_day",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_11.jpg",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"subtitle": "",
"key": "free_day",
"backgroundColor": "#4D2900",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "With a group of friends or family — I don’t like being alone",
"locked": false,
"value": "group_friends",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "With my significant other or a close friend — sounds like good quality time",
"locked": false,
"value": "significant_other",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Doing an activity I enjoy — I don’t care if others come along",
"locked": false,
"value": "dont_care",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Doing something just for me — I value time to myself",
"locked": false,
"value": "me_time",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"addAsUserProp": true,
"title": "What gender do you identify with?",
"subtitle": "",
"backgroundImage": "https://c.thefab.co/web-onboarding/mind/img_mind_nightsky_opt.webp",
"stepId": "sex_choice",
"key": "sex_choice",
"backgroundColor": "#052E6C",
"hideIcons": true,
"trackAsNewUserProperty": true,
"userPropertyKey": "gender",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_mind_nightsky_opt_desktop.jpg",
"textColor": "#FFF",
"choices": [
{
"name": "Man",
"locked": false,
"value": "male",
"nameColor": "#062E6C",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Woman",
"locked": false,
"value": "female",
"nameColor": "#062E6C",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Non-Binary",
"locked": false,
"value": "non_binary",
"nameColor": "#062E6C",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "questions",
"stepId": "questions_name_email",
"backgroundColor": "#052E6C",
"questions": [
{
"type": "name",
"title": "My first name is...",
"bottomBarColor": "#0B4EB5",
"ctaColor": "#FFFFFF",
"backgroundColor": "#052E6C",
"ctaTextColor": "#052E6C",
"textColor": "#FFF",
"ctaText": "Continue",
"placeholder": " Enter your name"
},
{
"type": "age",
"title": "What is your age?",
"backgroundColor": "#052E6C",
"ctaColor": "#FFFFFF",
"ctaTextColor": "#0B3887",
"bottomBarColor": "#0B4EB5",
"termsLinkColor": "#5ECCE0",
"isSkippable": false,
"textColor": "#FFF",
"ctaText": "Continue",
"placeholder": "Your age",
"trackAsNewUserProperty": true,
"userPropertyKey": "age_range"
},
{
"type": "email",
"title": "Enter your Email to save your progress",
"showEmailCheckmark": true,
"emailRequired": true,
"showImprovedEmailSuggestion": true,
"bottomBarColor": "#0B4EB5",
"ctaColor": "#FFFFFF",
"backgroundColor": "#052E6C",
"ctaTextColor": "#0B3887",
"tickColor": "#FFFFFF",
"selectedTickBackgroundColor": "#5ECCE0",
"ctaText": "Continue",
"textColor": "#FFF",
"placeholder": " example@email.com",
"invalidEmailMessage": "* Please enter a valid email address"
}
]
},
{
"type": "video",
"stepId": "chapter_4_video",
"url": "https://c.thefab.co/mind/onboarding/video/vid_moon_clouds_optimized.mp4",
"tallScreenUrl": "https://c.thefab.co/mind/onboarding/video/vid_moon_clouds_optimized.mp4",
"showCloseButtonOnTap": false,
"loopVideo": false,
"backgroundColor": "#001042",
"showPulseAnimation": true,
"aspect": "FIT_SINGLE_SIDE",
"shouldCloseAnimated": true,
"color_ctaOpacity": 0.75,
"title": "",
"subtitle": "",
"textColor": "#FFFFFF",
"transitionCircleColor": "#052E6C"
},
{
"type": "interstitial",
"stepId": "future_you_calling",
"config": {
"id": "interstitial1",
"title": "Hey! This is future {{NAME}}, calling from {{TODAY|year|+1}}. You need to resign today from your position as an anxiety manager",
"aspect": "FIT_SINGLE_SIDE",
"color_cta": "#FFFFFF",
"showTextDelay": 4000,
"showButtonsDelay": 2000,
"should_animate_text": true,
"lottieUrl": "https://c.thefab.co/web-onboarding/mind/lottie/future-you-no-clouds.json",
"color_cta_button": "#5ECCE0",
"subtitle": "",
"showCtaRightCaret": false,
"cta": "Say more, future {{NAME}}",
"mode": "BOLD",
"hide_close_icon": true,
"color_background": "#052E6C",
"textColor": "#FFFFFF"
}
},
{
"type": "contract",
"stepId": "contract",
"title": "{{NAME}}'s Resignation Letter",
"subtitle": "I, {{NAME}}, have worked as an anxiety manager of my fears and worries for the past 10 years at {{NAME}} Inc.<br/></br> This job has been enormously challenging in many ways. I'm no longer willing to continue with it. I'm at a place in my life where I'm ready for something new .<br/></br>Thus, I formally resign from my current position, effective immediately. <br/></br>Sincerely, {{NAME}}",
"hint": "",
"backgroundImage": "https://c.thefab.co/mind/onboarding/Inter/img_mind_nightsky_opt.jpg",
"isAnimated": true,
"subtitleAppearDuration": 1.5,
"backgroundColor": "#241D82",
"ctaColor": "#130a7e",
"congratTextColor": "#fff",
"ctaText": "Tap to Resign!",
"ctaBackgroundColor": "#fff",
"useHTML": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_mind_nightsky_opt_desktop.jpg"
},
{
"type": "stepScript",
"stepId": "onboarding_inner_child",
"scriptName": "onboarding_inner_child",
"scriptId": "onboarding_inner_child",
"staticLayers": [],
"backgroundColor": "#FFD4BC",
"ctaText": "Start my Plan",
"ctaBackgroundColor": "#FFFFFF",
"ctaTextColor": "#4D2900"
},
{
"type": "webview",
"stepId": "pwyw_page",
"redirectTo": "https://mind.thefabulous.co/payment/pwyw/generic-pwyw?appId=co.thefab.mind&upsellPath=/journey/time/clarify-upsell-var1",
"engine": "premium",
"hideCloseButton": true,
"subprintText": "",
"subprintColor": "",
"buttonColor": "#0B3887",
"isOffer": false,
"topSubprintText": "",
"deepLink": "{{APPLICATION_ID}}://skip",
"showWebfloatingButtonDelay": 10000,
"backgroundColor": "#241D82"
}
],
"logic": []
}
