Screen #21 of 60 Batch 4 mobile • 390x844px

Mobile Quota Reached 3-Way Value-Exchange Modal

Specification & Codex Reference Prompt (Click to expand) (Mobile bottom sheet modal triggered when a free mobile user hits daily cloud limits, presenting Pro, Video Ad, and Survey options.)

Screen Role: Mobile bottom sheet modal triggered when a free mobile user hits daily cloud limits, presenting Pro, Video Ad, and Survey options.

Design Intent: A high-converting mobile bottom sheet modal UI mockup at 390x844 resolution (iPhone 15 Pro) in crisp Light Mode. Background mobile screen is softly dimmed. Sliding up from the bottom is a pure white drawer card (#FFFFFF) with rounded-t-3xl corners and a top drag handle pill. Title: "Daily Cloud Limit Reached". Subtitle: "Choose how to unlock more conversions:". Three stacked touch cards: - Card 1: "Watch a 15s Video Ad" -> "+3 Free Conversions" with solid indigo button "Watch Ad". - Card 2: "24-Hour Pro Pass" -> "Take a 2-min survey" with button "Start Survey". - Card 3: "Upgrade to Pro" -> "$9/month (Unlimited)" with button "Go Pro". Bottom footnote: "In-browser WASM conversions remain 100% free forever." Clean mobile typography, zero emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/m/quota/ Template: file_converter/screens/screen_21.html

Live Django Implementation (mobile)

Isolate →

5/5 Used