Left Aligned Hero
A left-anchored editorial hero with name and role in the h1, a studio lede, two actions, and a four-row ruled metadata strip covering role, studio, availability, and clients.
A left-anchored editorial hero with name and role in the h1, a studio lede, two actions, and a four-row ruled metadata strip covering role, studio, availability, and clients.
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
Left Aligned Hero anchors everything to the left margin: the h1 doubles as a name and role declaration, Jordan Lee. Creative director and UX lead., followed by a studio description, two actions, and a four-row ruled metadata strip covering Role, Studio, Availability, and Clients. The left column is capped at max-w-2xl so the text reads as a tight editorial column, not a page-wide banner.
Meta rows are one array. The structured feel of the ruled strip is the distinctive choice; it reads like a brief more than a biography.
Reach for this block as the opening hero of a studio or senior practitioner site where a considered, editorial tone is the signal. The installer swaps the name, studio details, and the four meta values for their own practice.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the studio introduction hero. Other left-aligned openers:
Tip: the h1 reads best as a sentence fragment that ends with a period, name plus title lands like a byline.