Preview image. Unlock full-res
Mobile health app UI mockup displaying sleep and wellness recommendations in a clean white layout with high-contrast lime green metric visualizations.
Summary
Mobile health app interface showing personalized sleep and wellness recommendations with bright lime green data visualization and action buttons.
Visual description
A phone mockup displays a vertically scrolling health app with a pale cream background. At the top is a greeting "Good morning Jacob Williamson" with a small profile photo. Below is a prominent AI recommendation card in soft green: "Set a sleep schedule and ditch screens before bed" in a mix of sans-serif weights. A metric panel labeled "Overreaching" shows "Load focus / Anaerobic Shortage" with a two-part gradient bar (yellow to lime green) indicating 5000 points HRV status, dated "Since Jan 11". Below that is a doctor card also labeled "Overreaching" showing four doctor avatars and a dark green "Make appointment" button with right-arrow icon. The bottom tab bar shows a circular green accent on the active home tab. Type is clean system sans-serif with clear hierarchy.
Key takeaway
Lime-green as a high-contrast action and metric indicator against neutral tones; stacked info cards with supporting imagery (doctor carousel) to create scannable, actionable layouts; soft green color for wellness recommendations signals calm authority.
Reuse notes
Works well for health, wellness, and telehealth apps targeting engaged users. The green-on-neutral approach maintains readability on small screens and works across accessibility needs. The metric visualization pattern suits data-rich health apps.
