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.