Profile Hero Section

Profile Hero Section is a profile hero for personal sites and studio pages.

About Profile Hero Section Profile Hero Section is a profile hero for personal sites and studio pages. It pairs a large name block with portrait, primary and email CTAs, three info rows, and overlay stat cards. Switch Original, Desk Dark, Desk Light, or Custom from the property panel. Demo mode lets you preview themes live. Built for portfolios that need a clear first impression without extra layout work. Original theme keeps Helvetica, white pills, and a black field Desk Dark and Desk Light use Instrument Serif, Manrope, halo, and blue accent Desk Dark and Desk Light use Instrument Serif, Manrope, halo, and blue accent Primary work link plus mailto button Three info rows with location, systems, and availability icons Portrait frame with optional grayscale and bottom stat cards Responsive grid stacks under 900px; stats and info stack on small widths schema.org Person markup for name, job title, email, photo, and description Static renderer safe: transitions off on canvas and export Use Cases Freelance and personal branding websites AI engineer and product designer portfolios Creative studio and independent consultant pages Speaker and conference profile headers Agency about and leadership sections SaaS founder and team highlight pages Photography and editorial portrait heroes Job-seeker and availability landing pages Remote-first talent and retainer pages Case-study sites that open on the person, not the logo Keywords profile hero framer, portrait hero section, personal branding hero, name and photo layout, stat cards overlay, mailto cta hero, job title eyebrow, desk dark theme, instrument serif hero, manrope ui, schema.org person, portfolio header

Portrait hero with name and stats