---
title: "Profile Hero Section — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Sections. Profile Hero Section is a profile hero for personal sites and studio pages."
canonical: "https://framer.elliotli.dev/component/profile-hero-section"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Profile Hero Section

# Profile Hero Section

Portrait hero with name and stats

[View on Framer](https://framer.com/marketplace/components/profile-hero-section/?via=elliot-li)

![Profile Hero Section preview image 1](https://framer.elliotli.dev/og/component/profile-hero-section/aa524667f00d9786/1600x1200.jpg)

## Summary

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

## Description

## 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](http://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](http://schema.org) person, portfolio header

## Rank history [How rankings work →](/terms#rankings)

-   All · #3680

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-09-13
- **Updated**: 2026-09-30
- **Added**: 2026-09-13
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes