All blocks · 21 live examples
Every Page block, with a live example
Scroll through each block. One screen per block: what it does on one side, the real component on the other.
The Core Conversion Unit
Link Button
Clean, tappable action button. Set an optional highlight state to drive 80% of visitor taps to your #1 priority.
- Title up to 80 characters with clean typography
- Highlight mode for primary call-to-action emphasis
- Handles web URLs, mailto:, tel:, and calendar deep-links
- Zero redirects: direct, high-speed visitor routing
How to add: Editor → Add block → Link Button → Title, URL, Highlight.
Pro tip: Place only one highlighted link per page. Top-positioned highlighted links capture 3.4x more clicks than buried buttons.
Visual Project Teasers
Rich Media Card
Visual showcase card uniting thumbnail image, headline, descriptive subtitle, and host badge in a unified tap surface.
- High-res cover thumbnail with auto aspect-ratio fit
- Title up to 80 chars + descriptive subtext up to 200 chars
- Automatic domain pill display for instant trust
- Integrated with booking links and outbound tracking
How to add: Editor → Add block → Rich Media Card → Title, URL, Description, Image.
Pro tip: Use rich cards for your top case study, latest flagship YouTube video, or best-selling digital product.
Visual Hierarchy
Section Heading
Typographic section dividers that organize links into digestible groups like 'Projects', 'Featured Releases', and 'Gear'.
- Supports all Page typography presets
- Lightweight semantic structure without layout shift
- Hidden when empty in draft mode
- Keeps complex multi-product pages skimmable
How to add: Editor → Add block → Section Heading → Text.
Pro tip: Use short, punchy 1-2 word headings. Lowercase or sentence case matches modern aesthetic conventions.
Context Without Buttons
Plain Text & Notes
Editorial text paragraphs for studio hours, disclaimers, shipping notices, or quick creator announcements.
- Up to 500 characters of plain descriptive copy
- Non-clickable design prevents accidental taps
- Ideal for hours, booking notes, and location details
- Zero layout shift with font fallback metrics
How to add: Editor → Add block → Plain Text & Notes → Text.
Pro tip: Use Text blocks right under a store or booking button to set delivery times or booking policy upfront.
Stream In-Page
Media Player Embed
Play songs, podcasts, and videos directly on your page from Spotify, Apple Music, YouTube, Vimeo, and TikTok.
- Seven streaming hosts supported automatically
- Native Spotify and Apple Music mini-players
- Vertical 9:16 video support for TikTok clips
- Custom poster banner option before playback starts
How to add: Editor → Add block → Media Player Embed → URL, Title, Image.
Pro tip: Embed your newest single or podcast episode right below your bio so visitors hear your work in their first 5 seconds.
Visual Poster Hero
Featured Single Image
Full-width photography with optional descriptive caption, outbound tap link, and WCAG-compliant alt text.
- Edge-to-edge high resolution photo display
- Optional caption text with editorial styling
- Tappable link destination support
- Automated image caching and responsive CDN sizing
How to add: Editor → Add block → Featured Single Image → Image, Alt, Caption, URL.
Pro tip: Add a subtle caption naming the location or gear used—audiences love behind-the-scenes production details.
Multi-Image Portfolio
Photo Gallery & Lookbook
Curated collection of up to 12 images presented in an organized 2-column grid or smooth horizontal swipe carousel.
- Up to 12 high-resolution photos per block
- Toggle between Grid and Carousel layouts
- Touch gesture support with kinetic scrolling
- Next.js optimized asset delivery with WebP compression
How to add: Editor → Add block → Photo Gallery & Lookbook → Images, Layout.
Pro tip: Use Carousel layout when you want to save vertical page height while displaying 6+ visuals.
Answers That Close Deals
Interactive FAQ Accordion
Expandable question-and-answer accordions that resolve customer objections directly on the page without leaving.
- Smooth CSS interpolate-size accordions
- Up to 20 Q&A pairs per block
- Zero external redirect: visitors stay on your page
- Solves objections for courses, services, and digital goods
How to add: Editor → Add block → Interactive FAQ Accordion → Items.
Pro tip: Answer the 3 questions people ask in your DMs every week. Addressing refund policies often lifts conversions by 24%.
Proof in Plain Numbers
Social Proof Stats
Key metrics and credibility numbers you define. Highlight years of experience, products shipped, and clients served.
- Up to 6 highlighted metric cards
- Responsive auto-formatting for 2 or 3 columns
- Large legible stat figures with descriptive labels
- Perfect for creator media kits and freelance pitch pages
How to add: Editor → Add block → Social Proof Stats → Items.
Pro tip: Use unexpected metrics that prove consistency—like '0 Pitch Decks' or '1,200 Days Shipped'—to stand out from generic bios.
One-Tap Coupon Redemption
Promo & Discount Code
Monetize affiliate and sponsor partnerships. Displays a coupon code with a 1-tap copy button and outbound store link.
- One-tap clipboard copy with instant visual checkmark
- Coupon code title and discount description
- Optional direct outbound shop link
- Proven to increase affiliate code redemption by over 40%
How to add: Editor → Add block → Promo & Discount Code → Code, Description, URL.
Pro tip: Keep coupon codes under 10 characters and in all caps for maximum recognition.
Direct to Phone Address Book
Save Contact (vCard)
One tap saves a complete vCard (.vcf) with your name, phone, email, company, and links directly into iOS and Android Contacts.
- Automated RFC-standard vCard (.vcf) generation
- One-tap import into Apple Contacts and Google Contacts
- Supports name, organization, phone, email, and website
- Essential for founders, freelancers, and event networking
How to add: Editor → Add block → Save Contact (vCard) → Name, Organization, Email, Phone, Website.
Pro tip: Use this alongside your QR code on business cards or conference badges so contacts save you in one scan.
Dates That Sell Out
Live Events & Tour Dates
Upcoming tour dates, conferences, and workshops. Past dates hide automatically, and each event links to tickets.
- Automatic filtering: past dates hide automatically
- High-contrast calendar month & day badges
- City, venue, and title metadata
- Direct ticket / RSVP link integration
How to add: Editor → Add block → Live Events & Tour Dates → Date, Title, Place, URL.
Pro tip: Always include the venue name alongside the city so local fans immediately assess travel distance.
A Year of Proof of Work
Live GitHub Contribution Graph
Live 365-day green commit heatmap for your personal GitHub username. Hoverable cells with exact contribution counts.
- Real 52-week contribution heatmap from GitHub API
- Interactive hover tooltips with exact commit counts
- Shows total yearly contributions and username badge
- Cached and refreshed to keep load times lightning-fast
How to add: Editor → Add block → Live GitHub Contribution Graph → Username.
Pro tip: Stack the GitHub block directly above your top open-source repo cards to convert visitors into GitHub stars.
Logos Recognized Instantly
Skills & Tech Stack Chips
Interactive tech and tool chips. Type tool names like TypeScript, React, Next.js, or Figma—official marks fill in automatically.
- Automated logo matching from tool names
- Supports 2, 3, or 4 column grid layouts
- Unmatched tools display gracefully without missing images
- High visual density that proves technical competence quickly
How to add: Editor → Add block → Skills & Tech Stack Chips → Items, Columns.
Pro tip: Limit skills to your core production strengths (6-8 items). Less is more when demonstrating mastery.
Career Timeline & Stealth Mode
Experience & Career Roles
Timeline of career roles with company logos, dates, locations, stack tags, and an innovative Stealth Mode that blurs company names.
- Role, company, dates, location, and bullet notes
- Stealth Mode blurs company name & logo for confidential work
- Tagged tool badges for each individual role
- Up to 12 experience entries with current role highlights
How to add: Editor → Add block → Experience & Career Roles → Company, Role, Start/End, Stealth, Tools, Notes.
Pro tip: Use Stealth Mode if you are currently employed but consulting on the side, or building a pre-seed startup in stealth.
Sell or Capture Leads
Digital Product & Lead Gate
Deliver digital downloads, PDF guides, templates, and asset packs. Supports instant downloads or email-gated delivery.
- Upload files up to 100MB or link cloud storage
- Email gate option to capture verified subscriber leads
- Secure R2 signed download tokens: no file theft
- Dedicated product sheet modal on visitor tap
How to add: Editor → Add block → Digital Product & Lead Gate → Title, Description, Image, Button, Source.
Pro tip: Offer a high-value 5-page cheat sheet or preset pack as a free email gate to build your personal newsletter audience.
Drive Course Enrollments
Course & Cohort Banner
Promote online classes and workshops. Displays price cues in 16 currencies, discount coupons, and custom affiliate ref parameters.
- 16 localized currency formatting options
- Displays promotional coupon codes clearly
- Attaches custom affiliate tracking tags automatically
- Large action button driving straight to checkout
How to add: Editor → Add block → Course & Cohort Banner → Title, Description, URL, Price, Currency, Coupon, Ref.
Pro tip: Pair the course block with an FAQ block answering prerequisites and time commitment to remove purchasing hesitation.
Gather Your Core Followers
Community & VIP Chat
Dedicated join cards for private Discord servers, WhatsApp groups, Telegram channels, and Slack communities.
- Dedicated marks for WhatsApp, Discord, Telegram, Slack
- Title and explanation of what community members get
- One-tap join link directly opening the chat client
- Reduces join friction compared to generic links
How to add: Editor → Add block → Community & VIP Chat → Platform, Title, Description, URL.
Pro tip: Explain what makes the community exclusive (e.g. 'Restock notices drop here 24 hours before public drop') to boost opt-ins.
Physical Presence
Google Maps Location
Put your studio, retail shop, or venue on the map. Renders an interactive map tile with direct navigation links.
- Paste any Google Maps place URL
- Visual preview map tile or compact pill display
- Opens native Google Maps navigation on tap
- Zero API keys required: instant plug-and-play
How to add: Editor → Add block → Google Maps Location → Title, URL, Display.
Pro tip: Pair the Map block with studio hours in a Text block right above it for a complete local visit guide.
Documents Read in Browser
PDF In-Page Document Reader
Upload menus, lookbooks, press kits, and reports. Visitors read the PDF inside Page's fluid reader with optional password protection.
- In-page fast vector PDF rendering engine
- Optional password protection gate
- Document metadata: file name, byte size, page count
- Ideal for media kits, restaurant menus, and lookbooks
How to add: Editor → Add block → PDF In-Page Document Reader → Title, Description, Password.
Pro tip: Media kits with confidential pricing can be securely shared with brands by enabling the password gate.
Your page
Claim your page.
Type a name. We’ll check if it’s still open.