A technique that defers loading off-screen content until users scroll near it, improving initial page performance. It is especially useful for image-heavy pages and long content feeds. Framer automatically lazy-loads many assets, including below-the-fold images.

A design approach that starts with the mobile experience and progressively enhances for larger screens. Mobile-first forces prioritization and ensures the smallest screens get the best experience, not a squeezed afterthought. This approach often results in cleaner, more focused designs at all screen sizes.

The portion of a webpage visible without scrolling, borrowed from newspaper terminology where the top half of the front page was most prominent. This prime real estate should contain your most compelling content, clear value proposition, and primary call-to-action. Studies show users form impressions within milliseconds, making above-the-fold content critical for engagement.

Content that requires scrolling to see, positioned lower on the page than the initial viewport. While above-the-fold content grabs attention, below-the-fold content tells your complete story and provides detailed information for engaged visitors. Modern web design recognizes that users do scroll—what matters is giving them a reason to continue down the page.

A shared environment in Framer where teams organize projects, manage billing, and control member access. Workspaces make it easier to collaborate across multiple sites with centralized settings and permissions. See Organizations, Workspaces, and Folders.