Four-card layout with diagonal photo overlays

Four-card layout with diagonal photo overlays, minimal, geometric, light

Preview image. Unlock full-res

Grid of four portrait-orientation cards each layering a bold solid color, angled diagonal geometric overlay, and a cropped photo, separated by thin spacing.

Industryb2b, marketing
Palette
#303B40
#BDBDBD
#B34D36
#289CB0
#88BACC

Summary

Grid of four portrait-orientation cards each layering a bold solid color, angled diagonal geometric overlay, and a cropped photo, separated by thin spacing.

Visual description

Four cards arranged horizontally in equal widths. Card 1 (left): coral/rust background with white diagonal stripe and cropped portrait of woman in burgundy. Card 2: powder blue background with darker diagonal stripe angled opposite, portrait of man in light shirt. Card 3: charcoal background with diagonal overlay and portrait of woman in outdoor setting. Card 4 (right): vibrant teal background with soft gray diagonal overlay and group portrait of three people. Each card has a small label at the top in white sans-serif. The consistent card height, width, and photo crop position unify the layout despite varied colors and photo compositions.

Key takeaway

The alternating diagonal geometry pattern (each card mirrors or opposes the previous one) creates movement across a static grid. Using only one bright accent color per card keeps the palette from feeling chaotic. The geometric photo crop (portion visible through the angled shape) serves both as composition device and visual hierarchy enforcer.

Reuse notes

Strong template for team rosters, case studies, or multi-stakeholder profiles. The diagonal overlay technique avoids pure hard-edge rectangles and works well for marketing websites and presentation decks. Ensure photo subjects are large/clear enough to remain legible through the angled crop.

More like this