Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Tech Stack
Added on
January 29, 2026

Visitors Upgrading Structure

Globe backdrop is a flex

The first thing that hits you is that massive 3D globe sitting behind the modal. It's greyed out and muted but still commands presence. Gives the whole page a geo-aware, data-heavy vibe without saying a word. Smart move for an analytics or event-tracking product.

The modal does all the heavy lifting

Clean white card, centered, no distractions. The Monthly/Annually toggle is simple and familiar. Price is huge at $49, immediately scannable. Below that, a slider for monthly events with a soft blue-to-white gradient thumb that feels tactile. The copy underneath is honest and direct, telling you exactly what changes when you upgrade. No fluff.

Purple CTA pops hard

That purple "Upgrade" button at the bottom is the only saturated color in the entire modal. It pulls your eye straight down the page in a natural reading flow: title, price, options, action. Typography is tight and well-spaced, likely Inter or something similar. The whole thing feels confident and uncluttered. The X close button top-right keeps it low pressure.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now