Three-card B2B grid layout

Three-card B2B grid layout, minimal, flat, dark

Preview image. Unlock full-res

Three vibrant promotional cards with color-blocking headlines, geometric shapes, and bold sans-serif type on dark background.

Industryai, b2b, saas
Palette
#000000
#EE259D
#F27108
#58D2F4
#B9D8E1

Summary

Three equal-width promotional cards in magenta, cyan, and orange, each combining solid color background with overlaid geometric blocks and sans-serif headline text.

Visual description

Black background holding three vertically-oriented cards with rounded corners in a horizontal row. Left card: magenta background, small circular portrait photo in top-left, large white "Meet the Team" text with right-pointing arrow; small brand logo in top-right corner. Center card: cyan background, multicolored geometric squares (purple and cyan blocks) filling upper-right quadrant, white "We're Hiring" headline spanning two lines, "Ai & ML Leader" subtitle below; brand logo top-right. Right card: burnt orange background, stacked rectangular photos (shipping containers, buildings, street scene) in top-right, white "Case Study" headline, smaller descriptive text below, brand logo top-right. All cards use consistent white sans-serif font at display size for primary headlines.

Key takeaway

The color-per-card system (one dominant hue per card) as an alternative to monochrome card decks, creating bold sectioning. Geometric shape composition (overlaid blocks or photo groupings) in the upper-right corner of each card balances headline-heavy text. The white brand logo placement at top-right corner as a unifier across three independent blocks.

Reuse notes

Excellent for B2B SaaS or tech company landing pages introducing team, hiring, and recent work in three equal sections. The magenta/cyan/orange combination reads "modern startup" but swap colors for more corporate contexts. Best with 3 cards; adding a 4th disrupts visual hierarchy. Works on dark backgrounds; light versions would need stronger shadows on cards.

More like this