Category Sections Grid
A work grid divided into discipline sections each with a ruled label and a row of project tiles naming the role and year.
A work grid divided into discipline sections each with a ruled label and a row of project tiles naming the role and year.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
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.
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
After
One strong use is the multi-discipline creative studio grid. Other arrangements:
Tip: the section label should name the work, not the person; Branding outperforms My identity work every time.