Oyster library additional resources section

Oyster library additional resources section, minimal, light-mode, light

Preview image. Unlock full-res

Left-aligned "Additional Resources" heading above a four-column row of photo cards with white label overlays.

Summary

A resources row of four equal-width photo cards with saturated staged imagery and bottom-left white overlays for title plus "Learn More" links.

Visual description

Light background with a large bold sans-serif heading "Additional Resources" left-aligned above the grid. Four horizontal cards share heavy rounded corners and full-bleed photography: a blue crate and vinyl on yellow tile (Global Hiring Guides), frying pans on a green tile wall (Employment Tools), a champagne bottle with scissors on yellow tile (Events Hub), and stacked red books with sand on teal tile (Global HR Glossary). Each card places a small white rounded rectangle in the bottom-left corner with a bold black title and "Learn More ?" link. Even gutters separate the cards.

Key takeaway

Using wildly different but equally bold editorial photos as card backgrounds while keeping typography and overlay placement identical. The tiled-wall motif repeats across cards so the set reads as one art direction, not four random stock picks.

Reuse notes

Ideal for surfacing secondary content hubs on a resource library page. Requires strong custom or art-directed photography; generic stock will flatten the effect. Overlay boxes need sufficient contrast on busy images.

More resources sections

See all

More like this