Navigation

The system of links and menus that helps users find content and move through a website. Good navigation is consistent, clearly labeled, and reflects user mental models about site structure. Test navigation with real users to ensure your labels and organization make sense to your audience.

Related terms

Related terms

  • 404 Page

    SEO

    A custom error page displayed when visitors try to access a URL that doesn’t exist on your site. A well-designed 404 page helps retain visitors by offering navigation options and search functionality rather than a dead end. Framer lets you create branded 404 pages that match your site’s design and guide users back to relevant content.

  • Accessibility

    Accessibility

    The practice of designing websites that can be used by everyone, including people with visual, auditory, motor, or cognitive disabilities. Beyond being ethically important, accessibility improves SEO, expands your audience, and is legally required in many jurisdictions. Key practices include proper heading structure, alt text for images, sufficient color contrast, and navigationkeyboard navigation support.

  • Auto Layout

    Framer

    A Framer feature that automatically arranges child elements in a row or column with consistent spacing, similar to CSS Flexbox. This powerful tool creates responsive designs that adapt to content changes—add or remove items and the layout adjusts automatically. Auto Layout is essential for building reusable components like navigation bars, card grids, and form fields.

  • Backdrop Filter

    Effects

    A CSS effect that applies visual filters like blur or color adjustment to the area behind an element, creating frosted glass or tinted overlay effects. This technique is popular for navigation bars and modal backgrounds that need to stand out while maintaining context with underlying content. In Framer, apply backdrop filters through the Fill properties to create modern, layered interfaces.

  • Click Tracking

    Analytics

    The measurement of where and how users click on a webpage, revealing which elements attract attention and which are ignored. Click tracking data helps optimize button placement, navigation design, and content hierarchy. Framer's built-in click tracking in Metrics shows exactly where visitors engage without needing external heatmap tools.

  • Collection Groups

    Framer

    A way to organize and filter cmsCMS collection items by shared attributes, enabling dynamic filtering and categorization. Groups help structure content for navigation, like filtering blog posts by category or products by type. In Framer, use groups in collection lists to display categorized content with dynamic filters.