A permanent redirect that tells browsers and search engines a page has moved to a new URL forever. This is essential for maintaining SEO value when restructuring your site or changing URL patterns. In Framer, configure 301 redirects in your site settings under the Redirects section to preserve link equity from old URLs.

User-written JavaScript, CSS, or HTML that extends functionality beyond built-in features. Custom code enables advanced interactions, integrations, and unique behaviors tailored to specific requirements. In Framer, add custom code through code components, overrides, or the custom code section in site settings.

The bottom section of a webpage, typically containing navigation links, copyright information, and secondary content like contact details or social links. Footers provide a sense of closure and catch visitors who've scrolled through all content. Design footers to be useful—include key links users might need after reading your page.

A tag management system for deploying tracking codes and scripts without modifying site code directly. GTM centralizes third-party tool management and simplifies analytics implementations. Add GTM to Framer through the custom code section for flexible tracking management.

The top section of a webpage, typically containing the logo, main navigation, and key actions like sign-in buttons. Headers establish brand identity and provide consistent navigation across all pages. Design headers to be useful without overwhelming—users should find what they need without excessive visual competition.

The prominent top section of a landing page, typically featuring primary messaging and a main call to action. It sets the first impression and communicates value quickly. Effective hero sections combine clear copy, visual support, and an obvious next step.

An interactive element that navigates users to another page, section, or resource when clicked. Links are the fundamental building blocks of web navigation and interconnected content. Style links consistently throughout your site with clear visual distinction from surrounding text.

A unique identifier for connecting analytics services to your website, like Google Analytics' G-XXXXX format. Measurement IDs enable tracking scripts to send data to the correct analytics account. Add measurement IDs in Framer's integrations section for third-party analytics. See Setting up Google Analytics.

Animations that play once when elements enter the viewport during scrolling, commonly used for section reveals. Scroll-triggered animations add polish and draw attention to content as it appears. Framer's appear effects provide scroll-triggered animation capabilities. See Triggering animations on scroll in Framer.

A CSS unit equal to 1% of the browser viewport height, enabling layouts relative to screen size. Vh units are useful for full-screen sections and height-based layouts. Be aware that vh can behave unexpectedly on mobile due to address bar behavior.

A navigation element showing the user’s location within a site hierarchy, typically displayed as a trail of linked page names. Breadcrumbs improve navigation by helping users understand site structure and quickly jump to parent sections. They also benefit SEO by helping search engines understand page relationships and providing rich snippet opportunities.

A prefix before the main domain name creating separate sections, like blog.example.com or shop.example.com. Subdomains can isolate different applications while maintaining brand association. Consider whether subdomains or subdirectories better serve your SEO strategy.

A hyperlink that jumps to a specific section within the same page, identified by an ID attribute on the target element. These improve navigation on long pages by letting users skip directly to relevant content. In Framer, create anchor links by adding IDs to sections and linking to them with the # symbol followed by the ID name.

The primary navigation links typically placed in the site header, providing access to main sections. Header navigation should prioritize the most important destinations while remaining uncluttered. Design mobile variations carefully, often using hamburger menus to save space.

A collection of links enabling users to move between pages and sections of a website. Navigation menus should be consistent, clearly labeled, and organized logically based on user mental models. Test navigation with users to ensure labels and structure are intuitive.

A small preview image representing larger content, commonly used in galleries, lists, and navigation. Thumbnails help users identify content quickly without loading full-size media. Size thumbnails appropriately and use consistent aspect ratios.

A composition guideline dividing frames into nine equal parts, placing key elements along lines or intersections for visual interest. The rule of thirds creates more dynamic compositions than centering everything. Apply loosely as a starting point rather than a strict rule.

The Framer interface panel used to add elements, components, sections, and assets to a page. It centralizes building blocks so you can quickly compose layouts and interactions. See Using the insert panel in Framer.

An Appendix is supplemental material attached to the end of a document or guide to provide deeper context, references, or background information.

A Hero Image is a large, high-impact image in the top section of a page used to establish tone, communicate value, and drive attention.

In Framer, scroll effects let designers tie motion to page position, so sections can fade, move, scale, or transform as someone scrolls through the experience.

In Framer, radial gradients can highlight sections, create soft glows, add background atmosphere, or draw attention to important content without adding image assets.

Framer auto sizing keeps cards, buttons, sections, and text groups flexible, making responsive layouts easier to maintain as content changes.

In Framer, sticky positioning is useful for sidebars, navigation aids, comparison panels, and storytelling layouts where one element should remain visible during part of the scroll.