DEX STUDIOStoryboard Reference Sheet14 keeper frames — click any to inspect at full width
FRAME 01Boot — Initiating Experience
Frame 01 boot screen
futuristic_ui_loading_screen_design.pngPure white system world. DEX STUDIO logo top-left. INITIATING EXPERIENCE / LOADING bar centred. Crosshair alignment marks at corners.
FRAME 02Main Menu / Continue
Frame 02 main menu
minimalist_portrait_of_a_man_in_white.pngTop-down character plate. White tank + cream shorts. Clean white floor. Ready to wrap with CONTINUE button + profile card overlay.
FRAME 03Onboarding / Choose Path
Frame 03 onboarding
minimalist_onboarding_screen_interface.pngOnboarding shell layout reference. Standing character + CHOOSE YOUR PATH headline + 5-card path selector + PROFILE SYNC bar.
FRAME 04Base Mode
Frame 04 base mode
futuristic_character_profile_interface_design.pngThree-pose character composite + STATUS / MODE / GEAR / FOCUS attribute panel + LOADOUT list + ATTRIBUTE SUMMARY bars.
FRAME 06Accessory Equip — Glasses On
Frame 06 accessory equip
ChatGPT Image 05_14_07 PM.pngHero close-up adjusting black glasses + thumbnail strip + GLASSES: ON panel + Clarity/Focus/Confidence stats + SYNCING progress.
FRAME 07Loadout Prep — Sparkle Dissolve
Frame 07 loadout prep
futuristic_wardrobe_loadout_preparation_hud.pngMid-motion overshirt pull. Digital sparkle dissolve effect on lower body — the moment trousers/boots materialise. Reference for the Lottie sparkle component.
FRAME 08Loadout Transition
Frame 08 loadout transition
ChatGPT Image 05_16_58 PM.pngBoth hands settling overshirt collar. OVERSHIRT / BASE LAYER status panel + ATTRIBUTE BOOST. Confirms the transition is locking in.
FRAME 09Design Activation
Frame 09 design activation
digital_profile_interface_with_design_tools.pngFull body, lower legs mid-sparkle into trousers + boots. TRANSFORMATION PROGRESS 88%. Visual identity / object clarity / workflow sync states.
FRAME 10Design Mode Active
Frame 10 design mode active
ChatGPT Image 05_29_29 PM.pngFull design-mode hero. Black overshirt + white tee + dark trousers + brown chelsea boots. PROFILE ACTIVE + DESIGN TOOLS list + ATTRIBUTE BOOST.
FRAME 11Full Activation — Seated Front
Frame 11 full activation seated
ChatGPT Image 05_52_04 PM.pngSeated black stool, hands on knees, facing camera. Status: FULL ACTIVATION. Design tools fully unlocked.
FRAME 13World Emerging — Dissolve
Frame 13 world emerging
dissolving_between_worlds_studio_to_city.pngThe transition shot. Left half white system, right half cyberpunk. Seated figure now turned away. ScrollTrigger anchor for the dissolve.
FRAME 14World Loading
Frame 15 world built
contemplative_designer_in_a_neon_city.pngFull cyberpunk environment. Wet reflective floor. Magenta + cyan signage. Profile UI panel still visible. REAL WORLD LOADING + ENVIRONMENT SYNC bars.
FRAME 15World BuiltFrame 14 world loading
contemplative_designer_in_futuristic_cityscape.pngSame composition as F14, environment fully resolved, UI starting to fade out. ENVIRONMENT SYNC at 88%.
FRAME 18Portfolio Hero — Path Selector
Frame 18 portfolio hero
neon_cyberpunk_city_with_ui_design.pngResting state — the actual portfolio. “What are you here to explore?” headline + email capture + 5 path cards.
GAPSFrames Without Renders
FRAME 05Profile Sync — transitional, treat as state of FRAME 06
FRAME 12Turn Initiated — between F11 (seated front) and F13 (dissolve)
FRAME 16World Build mostly done — between F15 and energy-trails
FRAME 17Energy Trails — gold/cyan/magenta light trails around seated figure