---
title: "Persona Telescopium — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Jane · Sections. Persona Telescopium is a full-bleed hero section built for one moment: the scroll that takes a visitor from \"here's who's been here before\"…"
canonical: "https://framer.elliotli.dev/component/persona-telescopium"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Persona Telescopium

# Persona Telescopium

A scroll-scrubbed reveal

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

![Persona Telescopium preview image 1](https://framer.elliotli.dev/og/component/persona-telescopium/994a633e3d8bba88/1600x1200.jpg)

## Summary

Persona Telescopium is a full-bleed hero section built for one moment: the scroll that takes a visitor from "here's who's been here before" to "here's who's hosting you.

## Description

Persona Telescopium is a full-bleed hero section built for one moment: the scroll that takes a visitor from "here's who's been here before" to "here's who's hosting you." It opens on a scattered wall of guest polaroids under a two-line heading. As the visitor scrolls, the polaroids fade, the heading splits and slides apart, and a masked photo of your host telescopes in from that exact spot closing on a guest testimonial quote laid over the reveal.

[Preview Link](https://persona-telescopium-scroll.framer.website/)

It's built for hospitality, boutique stays, hosted experiences, and any brand where the story is "people who've been here, meet the person who'll take care of you next."

Key Features

-   **Two-phase scroll narrative** — guest wall → heading split → telescoping mask reveal → testimonial quote, all scrubbed to scroll position, not autoplay
    
-   **Manual mask upload** — bring your own silhouette/cutout for full control over the reveal shape; no black-box auto-detection
    
-   **Scattered polaroid layout** — 6 preset positions on desktop, gracefully drops to 4 in a simplified layout under 680px so nothing crowds on mobile
    
-   **Fully typographic control** — three independent Font controls (heading, quote, guest captions) plus an adjustable gap between the two halves of the split heading, so spacing holds up whatever font you land on
    
-   **Built to scroll cleanly inside Framer** — uses a position: sticky inner layer instead of a pinned spacer, so it plays nicely with Framer's native Smooth Scrolling and Stack layout instead of fighting it
    
-   **Semantic, accessible markup** — real <h2> headings (not styled divs), proper alt text on the host photo, decorative telescope layers correctly hidden from screen readers
    
-   **Performance-conscious scroll handler** — batches all per-frame updates into a minimal number of GSAP calls rather than one per element, so the animation stays smooth even with a full guest wall and a long testimonial
    

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

-   All · #7285

## Details

- **Author**: Jane
- **Price**: $14.00
- **Published**: 2026-08-17
- **Updated**: 2026-10-07
- **Added**: 2026-08-17
- **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