About Profile Hero Section
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
