TEMPLATES / TPL-02 — PORTFOLIO INDEX, EXPLODED GRID

Your name. What you make. Where you are.

Same content as the spec-list index, laid out as an image-led grid. Big cells for the work you want seen first. Small cells for the rest. Drop one figure per cell; the caption stays honest.

ROLEYOUR DISCIPLINE
BASEDCITY / REMOTE
STATUSAVAILABLE Q4
CONTACTCONTACT →
FIG 01 — HERO PROJECT · 2:1 OR WIDER
CS-01 / 2026

Your strongest project

One line on the problem. One line on what changed because of you.

PRODUCT · SYSTEMSREAD →
FIG 02 — SQUARE
CS-02 / 2026

A visual one

BRANDREAD →
FIG 03 — SQUARE
CS-03 / 2025

A hard one

RESEARCHREAD →
ABOUT / SHORT

Two sentences on who you are and how you work. The long version lives on the about page.

FIG 04 — 4:3
CS-04 / 2025

A shipped one

MOBILEREAD →
FIG 05 — 4:3
CS-05 / 2024

An early one

WEBREAD →
CS-06 / IN PROGRESS

Queued: say so, don't hide it

NDA UNTIL 2026-Q4QUEUED
WRITING

Latest note title goes here.

NOTESALL →
NOW

What you are doing this month.

THIS MONTHLOG →
HOW TO FILL THIS PAGE
3 RULES
CELL SIZESUse c8 r2 for the hero, c4 for the rest, c3 for text-only. Do not invent more sizes.
IMAGESReplace each .xg-fig span with an <img> set to object-fit:cover. Keep the ID and the caption line.
HONESTYUnfinished work gets the dashed q cell, not a fake screenshot.