Shadcn Team Block Nine

A compact memory collage with three overlapping card frames and captions for workshops, retreats, and offsites.

Shadcn Team Block Nine is a smaller memory collage for a team story section. The source centers the We build together headline, keeps the supporting copy brief, and then arranges three photo cards across a three-column grid with overlapping spacing.

This variant does not list people or roles. It is designed to show the working culture through demo captions such as Design sprint - London 2023 and Annual retreat - Tokyo 2024. Those captions should be rewritten as real or neutral moments before publication.

Layout Notes

The wrapper is max-w-5xl without horizontal padding on the image collage, giving the cards room to overlap.
The text block is centered and limited to max-w-xl.
Three card surfaces use bg-card, ring-1, shadow-xl, and rotation.
The first card uses a wider aspect-3/2 image while the others use square frames.

Best Fit

Use this shadcn team section when your about page already has enough copy and needs a visual proof point. It can sit between company values and hiring content without feeling like a full team directory.

What to customize first

Replace the three demo captions with real company moments or remove dates.
Keep the first image wider than the others to preserve the layout rhythm.
Use images that tolerate grayscale well.
Review the overlap at small widths, where -space-x-20 creates a tighter composition.

Frequently asked questions

Does this variant include stats?

No. Unlike the previous culture variants, this one focuses on text plus three captioned image cards.

Is Shadcn Team Block Nine responsive?

Yes. It uses container queries and Tailwind CSS spacing, with a hidden timeline-like central structure absent here; the composition relies on grid and overlap.

Are the captions supported claims?

They are demo labels from the source. Replace them with your own real captions or make them generic.

Can I use it with other shadcn UI blocks?

Yes. It is a React section styled with Tailwind CSS tokens that match shadcn UI block conventions.

Related Shadcn UI blocks

Team Blocks

Start from Tailark

Preview Shadcn Team Block Nine