Preview image. Unlock full-res
Mobile fitness interface using vibrant color-blocked cards on a light background to present performance metrics and featured challenges.
Summary
Mobile fitness interface using vibrant color-blocked cards on a light background to present performance metrics and featured challenges.
Visual description
A smartphone screen displays a modular grid of color-blocked feature cards stacked vertically. Each card combines a bright background color (orange, teal, lime green, magenta, blue) with image overlays, bold sans-serif text, and challenge or achievement copy. Cards include performance metrics ("500+ Row Challenge"), member spotlights ("Member Spotlight"), motivational text ("Burn on Us"), and imagery of athletes and gym equipment. The navigation bar uses a sans-serif typeface in a sans-serif, with icons for menu and filter functions. Black and white are used as base tones, with warm orange and cool blues providing accent contrast.
Key takeaway
The simple color-blocking approach that separates each card visually without borders. The use of overlaid image + text in each card forces clear hierarchy. The palette of opposing warm and cool tones energizes the overall composition.
Reuse notes
Works for fitness apps, wellness dashboards, and performance-tracking interfaces. The high contrast and blocky layout read well on mobile. Avoid using on screens with dense information where cards might feel claustrophobic.
