About this block

CV Header is the print-friendly top band of a resume page: Avery Stone in a large h1, Senior Product Designer below it in medium weight, then an inline row of contact details and social links separated by a hairline rule. The contact strip carries email at avery@fieldstudio.co, London UK location, and the fieldstudio.co site URL, each with a small icon, then a vertical divider before GitHub, LinkedIn, and X social links drawn from Simple Icons rather than lucide.

Contacts and socials are two typed arrays with icon typed as ComponentType. The inline strip with a divider between contact and social is the distinctive detail, it fits all links on one line at desktop width while wrapping gracefully on mobile.

When to use

Reach for this block as the very top of a dedicated CV or resume page. The installer swaps the name, title, email, location, site URL, and the social hrefs, keeping the icon pairings intact.

A natural flow around it on a Portfolio Pro page:

Before

• Nothing, this opens the CV page

After

• Resume summary
• Experience timeline

What you can display

One strong use is the personal portfolio CV header. Other shapes:

• Studio header. A studio name instead of a person name, with a general enquiries email.
• Minimal header. Name and email only, no social links, for a very spare resume style.
• Two contact points. Phone added as a fourth contact item for roles where it is expected.

Tip: keep the social list to the platforms where the work actually lives; three irrelevant links undermine the rest of the header.