Back to Examples
Hero mode
Dialog
Use this section to import its canvas into your workspace, then remix it into your own design — same layout, components & styling.
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.
