Scrolling Roles Hero
A hero that stacks every discipline this person works in as a static role list with one role emphasised and a facts panel beside it.
A hero that stacks every discipline this person works in as a static role list with one role emphasised and a facts panel beside it.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Scrolling Roles Hero opens with the name Noah Park as the h1, then stacks four roles beneath it: Designer (active and emphasised), Developer, Writer, and Occasional illustrator, each on its own line at text-2xl/3xl, quieter for the secondary hats. A three-fact aside, carried in a ruled panel to the right on large screens, covers location Amsterdam, openness to full-time from March and freelance now, and a team-size preference of three to twelve people. Static, no animation.
Roles are one const array with an active flag; facts are a second array. Height-balancing the two columns via the facts panel is the structural move that stops the role list from floating in whitespace.
Reach for this block as the homepage hero of a generalist creative who works across more than one discipline and resists a single job title. The installer swaps the name, updates the roles list to match their actual hats, and keeps the team-size preference honest.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the multi-discipline generalist opener. Other role-stack heroes:
Tip: the active flag shows what you lead with today; keeping the secondary roles visible is the honest version of the generalist pitch.