Preview image. Unlock full-res
Motion poster frame of a mobile surf app showing wave conditions, swell height, and location data with minimal interface design.
Summary
A mobile surf app interface card displaying wave and swell conditions, showing location text, wave height, and weather data overlaid on a scenic ocean photograph.
Visual description
The interface uses a standard iPhone frame showing an app screen with a photographic background of ocean waves and sky. White sans-serif typography displays location information at the top ("10TH STREET NORTH TO 14TH STREET NO..."). Large numerical text shows "6-7 FT" indicating wave height, with smaller text "6.54 S" below. A rounded pill-shaped badge at the bottom displays condition information ("Rain" with wind speed "20.5mph E"). Control buttons are visible at the bottom of the screen. The design is minimalist with high contrast between the dark interface elements and the light photographic background.
Key takeaway
Layering data on atmospheric photography creates context while maintaining usability. Simple rounded elements and careful typography hierarchy make information scannable.
Reuse notes
Excellent reference for sports or outdoor activity app design. The card-based layout works well for displaying multiple conditions or locations. The photographic background provides immediate context and visual interest.
