Recognition Grid

About this block

Recognition Grid mixes award wins, press features, and honours in a four-card grid, each card carrying a kind badge, the title, the source, a detail line, and the year. The mix is intentional: Awwwards Gold sits beside an It’s Nice That studio profile and a UX Collective editorial roundup, showing breadth of recognition rather than a single category sweep.

Four items in one array, each with the same five keys so the kind badge and year render consistently across all cards. The two-column grid on small screens widens the surface without losing the card structure.

When to use

Reach for this block as a compact recognition overview on a homepage or an about page, where the full ruled list would be too long. The installer swaps the titles, sources, and detail lines for their own mix of awards and features.

A natural flow around it on a Portfolio Pro page:

Before

• About split

After

• Press features
• Contact band

What you can display

One strong use is the mixed recognition overview. Other grids:

• Awards only. Four award cards, no feature kind, for a practice with a focused awards history.
• Press only. Four editorial features, effectively an as-seen-in grid with more copy.
• Studio snapshot. Mix client work honours and team profiles from design publications.

Tip: the kind badge does the categorising so the title can be the real headline rather than a label.