Oyster resources card grid

Oyster resources card grid, light-mode, minimal, light

Preview image. Unlock full-res

Centered resources section with a playful headline and three tall image cards with bottom title overlays plus a single CTA.

Industryb2b, education, hr, saas
Palette
#FFFFFF
#EAC0B1
#312D24
#A4D892
#626759

Summary

A centered resources promo with pun-driven headline copy, three colorful photo cards for tools, guides, and courses, and one dark CTA button below.

Visual description

Light gray-white background. Centered bold headline "Free global employment resources? Shuck yeah!" with a smaller centered subline encouraging bookmarking. Three equal vertical cards with heavy corner radius sit in a row. Each card is a full-bleed stylized photograph: left shows retro objects on orange (records, crate, books); center shows a green tiled wall with analog clock and city labels; right shows a creative desk with brushes and paint on pink and yellow surfaces. A white rounded rectangle overlays the bottom of each card with bold title ("Global employment tools", "Global hiring guides", "Oyster Academy courses") and a "Learn More" link with arrow. Below the grid, a centered dark rounded button reads "Explore Oyster for Free."

Key takeaway

Image-first cards with bottom white label strips keep categories scannable while the photography carries personality. The pun headline signals brand voice without adding extra UI chrome.

Reuse notes

Ideal for content hubs, academy pages, or lead magnets where visual variety sells depth. Requires curated art direction per card; flat illustrations would also work. Tone is casual; swap headline voice for conservative B2B if needed.

More resources sections

See all

More like this