Career Timeline Hero
A split hero with name, lede, actions, and availability note beside a bordered timeline panel listing each chapter with years, role, and detail.
A split hero with name, lede, actions, and availability note beside a bordered timeline panel listing each chapter with years, role, and detail.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Career Timeline Hero grounds the fold in history. On the left, Sofia Reyes, interaction designer, states a positioning lede, ten years across a studio, a scale up, and now my own practice, with two actions and an availability note below. On the right, a bordered timeline panel lists four chapters from independent practice since 2024 back to her first studio role in 2015, each with its years, role, and a one line detail, the current chapter marked with a filled dot.
Chapters are one array rendered as a ruled ordered list. Turning a career summary into a vertical timeline is the distinctive choice, it shows trajectory and tenure at a glance where a paragraph would bury both.
Reach for this block when experience and progression are the strongest part of the pitch. The installer replaces the name and lede, rewrites each chapter with their own years, roles, and details, and flags the current one so it reads as the present.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the senior designer trajectory opener. Other timeline shapes:
Tip: keep each chapter to one detail line; a timeline earns its clarity by staying scannable, not by explaining every role in full.