About this block

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.

When to use

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

• Nothing, heroes open the page

After

• Experience section
• Resume and CV

What you can display

One strong use is the senior designer trajectory opener. Other timeline shapes:

• Developer path. Companies and stacks per chapter instead of studios and disciplines.
• Founder history. Ventures started and exited as the chapters rather than employers.
• Career switcher. A timeline that makes a deliberate move between fields legible.

Tip: keep each chapter to one detail line; a timeline earns its clarity by staying scannable, not by explaining every role in full.