About this block

Category Sections Grid organizes work by discipline: three labelled sections (Branding, Web, Motion) each open with a ruled uppercase heading and a 2 to 3 tile row showing the project name, specific role, and year. The section headings (Identity and guidelines, Logo and brand system, Design and prototype) let visitors jump straight to the type of work they came to see without scrolling a single undivided grid.

Categories and projects are two nested arrays. The ruled label is the distinctive choice: it converts a generic portfolio grid into a map of a practice.

When to use

Reach for this block on a work or projects page when the portfolio spans more than one discipline and visitors from different fields need separate entry points. The installer swaps the category labels, project names, roles, and years for their own practice map.

A natural flow around it on a Portfolio Pro page:

Before

• Name and role hero
• About split

After

• Case study split
• Contact band

What you can display

One strong use is the multi-discipline creative studio grid. Other arrangements:

• Two categories. A designer who does product and brand, two clean sections of equal depth.
• Years as sections. The same tile shape but grouped by year rather than discipline, for a practice with one focus but a strong timeline story.
• Client types as sections. Startup, agency, in-house, for a generalist who works across contexts.

Tip: the section label should name the work, not the person; Branding outperforms My identity work every time.