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.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
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.