Projects 4 block design & features
The section opens with a header row containing a large medium-weight heading on the left and two small text blocks on the right providing editorial context. Below, four projects display in a two-column grid. Each cell shows an illustration on an accent-colored background using object-contain sizing, followed by the project title, category in muted text, and a large date string.
Images use a subtle scale-up on hover within their rounded containers. The accent background behind each illustration gives the cards a uniform branded feel distinct from photo-based galleries. Metadata is arranged with title and category left-aligned and the date right-aligned in the row below.
The aesthetic is tech-product with flat illustration style, muted accent surfaces, and functional typography. The header's split layout and paired text blocks add an agency-presentation quality. There are no interactive elements beyond the hover scale.
On mobile the header stacks vertically and the grid collapses to a single column while retaining the illustration-card format.