{ "frame": { "height": 2300, "background": "#f5f5f7" }, "breakpoints": [ { "id": "Desktop", "minWidth": 768, "maxWidth": 1200, "sections": [ { "id": "desktop_hero", "name": "Hero Section", "y": 0, "height": 600, "style": { "background": "linear-gradient(180deg, #e8f5e9 0%, #ffffff 100%)", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 4, "gapColumns": 30, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 1100, "format": "px" }, "customColumnWidths": [ "1fr", "1fr", "1fr", "1fr" ] }, "blocks": [ { "id": "desktop_hero_title", "type": "text", "x": 60, "y": 120, "name": "Hero Title", "size": { "width": { "val": 480, "format": "px" }, "height": { "val": 180, "format": "px" } }, "zIndex": 2, "content": "

Reach Higher Every Workout

Achieve your fitness goals with guided workouts, progress tracking, and personalized plans.

", "style": { "background": "transparent" }, "editing": false, "sectionId": "desktop_hero" }, { "id": "desktop_hero_button", "type": "button", "x": 60, "y": 330, "name": "CTA Button", "size": { "width": { "val": 180, "format": "px" }, "height": { "val": 50, "format": "px" } }, "zIndex": 3, "content": "

Get Started

", "style": { "background": "rgb(205, 255, 105)", "borderRadius": "25px" }, "editing": false, "sectionId": "desktop_hero" }, { "id": "desktop_hero_image", "type": "image", "x": 600, "y": 80, "name": "Hero Image", "size": { "width": { "val": 450, "format": "px" }, "height": { "val": 480, "format": "px" } }, "zIndex": 1, "content": "", "style": { "background": "rgba(205, 255, 105, 0.3)", "backgroundImage": "url('https://images.unsplash.com/photo-1571019614242-c5c5dee9f50b?auto=format&fit=crop&w=600&q=80')", "backgroundPosition": "center top", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "borderRadius": "30px", "transform": "rotate(0deg)", "opacity": "1" }, "editing": false, "sectionId": "desktop_hero" } ] }, { "id": "desktop_workouts", "name": "Workouts Section", "y": 620, "height": 500, "style": { "background": "#ffffff", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 3, "gapColumns": 30, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 1100, "format": "px" }, "customColumnWidths": [ "1fr", "1fr", "1fr" ] }, "blocks": [ { "id": "desktop_workouts_title", "type": "text", "x": 60, "y": 50, "name": "Section Title", "size": { "width": { "val": 400, "format": "px" }, "height": { "val": 40, "format": "px" } }, "zIndex": 1, "content": "

Today Workouts

", "style": { "background": "transparent" }, "editing": false, "sectionId": "desktop_workouts" }, { "id": "desktop_workout_card_1", "type": "text", "x": 60, "y": 120, "name": "Workout Card 1", "size": { "width": { "val": 330, "format": "px" }, "height": { "val": 320, "format": "px" } }, "zIndex": 2, "content": "

⏱️ 80min🔥 1,200kcal

Upper Body Workout

12 Workout

", "style": { "background": "transparent" }, "editing": false, "sectionId": "desktop_workouts" }, { "id": "desktop_workout_card_2", "type": "text", "x": 410, "y": 120, "name": "Workout Card 2", "size": { "width": { "val": 330, "format": "px" }, "height": { "val": 320, "format": "px" } }, "zIndex": 3, "content": "

💪

Dumbbell Workout

12 Workout

⏱️ 120 min

", "style": { "background": "transparent" }, "editing": false, "sectionId": "desktop_workouts" }, { "id": "desktop_workout_card_3", "type": "text", "x": 760, "y": 120, "name": "Workout Card 3", "size": { "width": { "val": 330, "format": "px" }, "height": { "val": 320, "format": "px" } }, "zIndex": 4, "content": "

🧘

Yoga

18 Workout

⏱️ 100 min

", "style": { "background": "transparent" }, "editing": false, "sectionId": "desktop_workouts" } ] }, { "id": "desktop_progress", "name": "Progress Section", "y": 1140, "height": 300, "style": { "background": "rgb(245, 250, 245)", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 2, "gapColumns": 40, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 1100, "format": "px" }, "customColumnWidths": [ "1fr", "1fr" ] }, "blocks": [ { "id": "desktop_progress_card", "type": "text", "x": 60, "y": 60, "name": "Progress Card", "size": { "width": { "val": 500, "format": "px" }, "height": { "val": 180, "format": "px" } }, "zIndex": 1, "content": "

Workout Progress!

5 Exercise Left

70%

", "style": { "background": "transparent" }, "editing": false, "sectionId": "desktop_progress" }, { "id": "desktop_user_card", "type": "text", "x": 600, "y": 60, "name": "User Card", "size": { "width": { "val": 500, "format": "px" }, "height": { "val": 180, "format": "px" } }, "zIndex": 2, "content": "

Good Morning

Willam

", "style": { "background": "transparent" }, "editing": false, "sectionId": "desktop_progress" } ] }, { "id": "desktop_footer", "name": "Footer", "y": 1460, "height": 120, "style": { "background": "rgb(26, 32, 44)", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 1, "gapColumns": 0, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 1100, "format": "px" }, "customColumnWidths": [ "1fr" ] }, "blocks": [ { "id": "desktop_footer_text", "type": "text", "x": 60, "y": 50, "name": "Footer Text", "size": { "width": { "val": 600, "format": "px" }, "height": { "val": 28, "format": "px" } }, "zIndex": 1, "content": "

", "style": { "background": "transparent" }, "editing": false, "sectionId": "desktop_footer" } ] } ] }, { "id": "Tablet", "minWidth": 440, "maxWidth": 768, "sections": [ { "id": "tablet_hero", "name": "Hero Section", "y": 0, "height": 520, "style": { "background": "linear-gradient(180deg, #e8f5e9 0%, #ffffff 100%)", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 1, "gapColumns": 20, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 668, "format": "px" }, "customColumnWidths": [ "1fr" ] }, "blocks": [ { "id": "tablet_hero_image", "type": "image", "x": 40, "y": 40, "name": "Hero Image", "size": { "width": { "val": 580, "format": "px" }, "height": { "val": 300, "format": "px" } }, "zIndex": 1, "content": "", "style": { "background": "rgba(205, 255, 105, 0.3)", "backgroundImage": "url('https://images.unsplash.com/photo-1571019614242-c5c5dee9f50b?auto=format&fit=crop&w=700&q=80')", "backgroundPosition": "center top", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "borderRadius": "24px", "transform": "rotate(0deg)", "opacity": "1" }, "editing": false, "sectionId": "tablet_hero" }, { "id": "tablet_hero_title", "type": "text", "x": 40, "y": 360, "name": "Hero Title", "size": { "width": { "val": 580, "format": "px" }, "height": { "val": 120, "format": "px" } }, "zIndex": 2, "content": "

Reach Higher Every Workout

Achieve fitness goals with guided workouts.

", "style": { "background": "transparent" }, "editing": false, "sectionId": "tablet_hero" } ] }, { "id": "tablet_workouts", "name": "Workouts Section", "y": 540, "height": 780, "style": { "background": "#ffffff", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 2, "gapColumns": 20, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 668, "format": "px" }, "customColumnWidths": [ "1fr", "1fr" ] }, "blocks": [ { "id": "tablet_workouts_title", "type": "text", "x": 40, "y": 40, "name": "Section Title", "size": { "width": { "val": 300, "format": "px" }, "height": { "val": 36, "format": "px" } }, "zIndex": 1, "content": "

Today Workouts

", "style": { "background": "transparent" }, "editing": false, "sectionId": "tablet_workouts" }, { "id": "tablet_workout_card_1", "type": "text", "x": 40, "y": 100, "name": "Workout Card 1", "size": { "width": { "val": 580, "format": "px" }, "height": { "val": 200, "format": "px" } }, "zIndex": 2, "content": "

⏱️ 80min🔥 1,200kcal

Upper Body Workout

12 Workout

", "style": { "background": "transparent" }, "editing": false, "sectionId": "tablet_workouts" }, { "id": "tablet_workout_card_2", "type": "text", "x": 40, "y": 320, "name": "Workout Card 2", "size": { "width": { "val": 280, "format": "px" }, "height": { "val": 200, "format": "px" } }, "zIndex": 3, "content": "

💪

Dumbbell Workout

12 Workout

⏱️ 120 min

", "style": { "background": "transparent" }, "editing": false, "sectionId": "tablet_workouts" }, { "id": "tablet_workout_card_3", "type": "text", "x": 340, "y": 320, "name": "Workout Card 3", "size": { "width": { "val": 280, "format": "px" }, "height": { "val": 200, "format": "px" } }, "zIndex": 4, "content": "

🧘

Yoga

18 Workout

⏱️ 100 min

", "style": { "background": "transparent" }, "editing": false, "sectionId": "tablet_workouts" }, { "id": "tablet_progress_card", "type": "text", "x": 40, "y": 540, "name": "Progress Card", "size": { "width": { "val": 580, "format": "px" }, "height": { "val": 160, "format": "px" } }, "zIndex": 5, "content": "

Workout Progress!

5 Exercise Left

70%

", "style": { "background": "transparent" }, "editing": false, "sectionId": "tablet_workouts" } ] }, { "id": "tablet_footer", "name": "Footer", "y": 1340, "height": 100, "style": { "background": "rgb(26, 32, 44)", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 1, "gapColumns": 0, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 668, "format": "px" }, "customColumnWidths": [ "1fr" ] }, "blocks": [ { "id": "tablet_footer_text", "type": "text", "x": 40, "y": 40, "name": "Footer Text", "size": { "width": { "val": 580, "format": "px" }, "height": { "val": 24, "format": "px" } }, "zIndex": 1, "content": "

", "style": { "background": "transparent" }, "editing": false, "sectionId": "tablet_footer" } ] } ] }, { "id": "Mobile", "minWidth": 1, "maxWidth": 440, "sections": [ { "id": "mobile_hero", "name": "Hero Section", "y": 0, "height": 700, "style": { "background": "linear-gradient(180deg, #e8f5e9 0%, #ffffff 100%)", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 1, "gapColumns": 0, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 375, "format": "px" }, "customColumnWidths": [ "1fr" ] }, "blocks": [ { "id": "mobile_skip_button", "type": "button", "x": 280, "y": 20, "name": "Skip Button", "size": { "width": { "val": 70, "format": "px" }, "height": { "val": 32, "format": "px" } }, "zIndex": 3, "content": "

Skip →

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_hero" }, { "id": "mobile_hero_image", "type": "image", "x": 20, "y": 70, "name": "Hero Image", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 380, "format": "px" } }, "zIndex": 1, "content": "", "style": { "background": "rgba(205, 255, 105, 0.4)", "backgroundImage": "url('https://images.unsplash.com/photo-1571019614242-c5c5dee9f50b?auto=format&fit=crop&w=500&q=80')", "backgroundPosition": "center top", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "borderRadius": "200px 200px 40px 40px", "transform": "rotate(0deg)", "opacity": "1" }, "editing": false, "sectionId": "mobile_hero" }, { "id": "mobile_hero_title", "type": "text", "x": 30, "y": 470, "name": "Hero Title", "size": { "width": { "val": 315, "format": "px" }, "height": { "val": 130, "format": "px" } }, "zIndex": 2, "content": "

Reach Higher Every Workout

Achieve your fitness goals with guided workouts, progress tracking, and personalized plans.

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_hero" }, { "id": "mobile_hero_button", "type": "button", "x": 97, "y": 620, "name": "Get Started Button", "size": { "width": { "val": 180, "format": "px" }, "height": { "val": 50, "format": "px" } }, "zIndex": 3, "content": "

Get Started

", "style": { "background": "rgb(205, 255, 105)", "borderRadius": "25px" }, "editing": false, "sectionId": "mobile_hero" } ] }, { "id": "mobile_home", "name": "Home Screen", "y": 720, "height": 900, "style": { "background": "#ffffff", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 1, "gapColumns": 0, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 375, "format": "px" }, "customColumnWidths": [ "1fr" ] }, "blocks": [ { "id": "mobile_user_header", "type": "text", "x": 20, "y": 30, "name": "User Header", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 60, "format": "px" } }, "zIndex": 1, "content": "

Good Morning

Willam

🔔

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_home" }, { "id": "mobile_progress_card", "type": "text", "x": 20, "y": 110, "name": "Progress Card", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 100, "format": "px" } }, "zIndex": 2, "content": "

Workout Progress!

5 Exercise Left

70%

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_home" }, { "id": "mobile_workouts_title", "type": "text", "x": 20, "y": 230, "name": "Workouts Title", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 32, "format": "px" } }, "zIndex": 3, "content": "

Today Workouts (17)

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_home" }, { "id": "mobile_workout_card_main", "type": "text", "x": 20, "y": 280, "name": "Main Workout Card", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 200, "format": "px" } }, "zIndex": 4, "content": "

⏱️ 80min🔥 1,200kcal

Upper Body Workout

12 Workout

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_home" }, { "id": "mobile_popular_title", "type": "text", "x": 20, "y": 500, "name": "Popular Title", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 32, "format": "px" } }, "zIndex": 5, "content": "

Popular Exercise

See all

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_home" }, { "id": "mobile_exercise_cards", "type": "text", "x": 20, "y": 550, "name": "Exercise Cards", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 120, "format": "px" } }, "zIndex": 6, "content": "

💪

Dumbbell

12 Workout

⏱️ 120 min

🏃

Free hand

16 Workout

⏱️ 90 min

🧘

Yoga

18 Workout

⏱️ 100 min

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_home" }, { "id": "mobile_bottom_nav", "type": "text", "x": 20, "y": 800, "name": "Bottom Navigation", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 70, "format": "px" } }, "zIndex": 7, "content": "

🏠

💬

📊

👤

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_home" } ] }, { "id": "mobile_detail", "name": "Detail Screen", "y": 1640, "height": 700, "style": { "background": "#ffffff", "borderRadius": "0", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "backgroundImage": "" }, "layoutConfig": { "layoutType": "responsive", "columns": 1, "gapColumns": 0, "layoutPreviewColumns": false, "gridMargin": 0, "maxWidth": { "val": 375, "format": "px" }, "customColumnWidths": [ "1fr" ] }, "blocks": [ { "id": "mobile_detail_header", "type": "text", "x": 20, "y": 30, "name": "Detail Header", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 40, "format": "px" } }, "zIndex": 1, "content": "

←

Free hand exercises

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_detail" }, { "id": "mobile_detail_image", "type": "image", "x": 20, "y": 90, "name": "Detail Image", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 260, "format": "px" } }, "zIndex": 2, "content": "", "style": { "background": "rgba(255, 255, 255, 0)", "backgroundImage": "url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=500&q=80')", "backgroundPosition": "center center", "backgroundRepeat": "no-repeat", "backgroundSize": "cover", "backgroundBlendMode": "normal", "borderRadius": "20px", "transform": "rotate(0deg)", "opacity": "1" }, "editing": false, "sectionId": "mobile_detail" }, { "id": "mobile_detail_badge", "type": "text", "x": 20, "y": 370, "name": "Badge", "size": { "width": { "val": 120, "format": "px" }, "height": { "val": 28, "format": "px" } }, "zIndex": 3, "content": "

16 Workout

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_detail" }, { "id": "mobile_detail_title", "type": "text", "x": 20, "y": 415, "name": "Detail Title", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 100, "format": "px" } }, "zIndex": 4, "content": "

Free hand exercises

This free-hand workout is designed to improve your core strength, flexibility, and overall endurance.

⏱️90 min

🔥450kcal

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_detail" }, { "id": "mobile_detail_buttons", "type": "text", "x": 20, "y": 535, "name": "Action Buttons", "size": { "width": { "val": 335, "format": "px" }, "height": { "val": 50, "format": "px" } }, "zIndex": 5, "content": "

Details 📄

Start ▶️

", "style": { "background": "transparent" }, "editing": false, "sectionId": "mobile_detail" } ] } ] } ] }

Fitness Ai

Reach Higher Every Workout

Today Workouts

Upper Body Workout

Dumbbell Workout

Yoga

Workout Progress!

Willam