Dialog | cancel sheet
Hero mode
Dialog section#12 of 135MobileAbout this design
Dialog section for Mobile: hero Mode upgrade dialog for a gamified habit and quest tracker.
Style: flat dark UI, near-black card with grey header band, orange primary accent, white monochrome icons.
Layout: centered modal, header title over stacked icon-and-copy rows.
Components: shield-check and crossed-swords glyphs, inline toggle switch preview, bolded streak and quest stats, grey Cancel plus orange Try Hero Mode buttons.
Vibe: motivating, game-like, fitness gamification.
