Preview image. Unlock full-res
Two mobile app cards using bold color blocking and photographic content: left card in yellow and grayscale for Katonadolog, right in magenta and red with vibrant fashion photography for ZOOM.
Summary
Two side-by-side mobile app mock cards showcasing color-blocking and photography: Katonadolog uses yellow and grayscale; ZOOM uses magenta, red, and saturated fashion photography.
Visual description
Left card (Katonadolog): light gray background, top third shows vertical grayscale photograph, vertical yellow bar strips the left edge, app name in black sans-serif serif sits below photo with heart and dropdown icons. Right card (ZOOM): cyan and magenta rounded app folder header, image fills two-thirds showing woman in jewel-toned coat against outdoor backdrop, magenta and red geometric vertical bars segment the lower right, app name aligned left at bottom with same icon pattern. Both cards use distinct geometric partitions and photographic content, neither image bleeds beyond the container. App icons remain small and corner-positioned.
Key takeaway
The vertical-stripe color-block treatment creating a visual frame around photography without covering it; the paired-card layout allowing two distinct color systems side by side; small typography and icon hierarchy keeping focus on the photograph and brand identity.
Reuse notes
Strong for portfolio or lifestyle apps where photography is the primary draw but geometric branding must anchor it. The color-block frame works especially well when one side uses desaturated imagery and the other saturated color, creating visual tension. Works at mobile card size; not suitable for dense data apps.
