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.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
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.