Overlapping news card layout with portrait

Overlapping news card layout with portrait, boxed, corporate-clean, high-contrast

Preview image. Unlock full-res

Three overlapping card composition on periwinkle background featuring warm-earth and teal cards with category tags, headlines, and a circular portrait photo.

Industrymarketing, media
Palette
#ACAEFF
#834D35
#654336
#4B332C
#B07641

Summary

Three staggered, overlapping cards on a bright periwinkle background showcase news content with warm earth-tone backgrounds, category labels, and supporting imagery.

Visual description

A periwinkle-lavender background holds three offset cards at different depths. Back-left card (rust-brown) features an orange circular photo crop and white sans-serif headline "Toby Gad explains writing 'If I Were A Boy' for Beyonce" with a dot-style INTERVIEW label. Middle card (dark teal) contains white copy "amra expands digital licensing reach into Canada" and a cityscape photo showing lit buildings at dusk, with a dot-style PRESS label. Front-right card (warm brown) displays a portrait photo in a large burnt-orange circle with the headline "Strengthening our leadership team with two key promotions" and PRESS label. Cards have rounded corners and subtle shadows creating a floating, overlapping effect.

Key takeaway

The color complementarity (warm earth tones against cool periwinkle) is striking without clashing. The circular portrait cutouts add personality and hierarchy. The offset staggering creates visual depth and playfulness that pulls readers through multiple stories.

Reuse notes

Ideal for editorial, news, or content hub layouts where multiple stories compete for attention. The composition suggests importance through layering rather than grid perfection. Works best with strong imagery and short, punchy headlines.

More like this