A specific screen width where your design adapts to a different layout, ensuring your site looks good on all devices from phones to large monitors. Strategic breakpoint choices prevent awkward in-between states where content becomes cramped or overly stretched. Framer's breakpoint system lets you customize layouts at each size while maintaining a single source of truth for your design.

An HTML element that tells search engines which URL is the ‘official’ version of a page when duplicate content exists at multiple addresses. This prevents SEO dilution from copied content, URL parameters, or www/non-www variations. Framer automatically generates canonical tags, and you can customize them in page settings for specific SEO requirements. See Setting up a custom canonical URL in Framer.

A parent element that holds and organizes child elements, defining boundaries for layout and positioning. Containers with maximum widths prevent content from becoming too wide on large screens while allowing full-width backgrounds. Framer's containers support auto layout, padding, and responsive size controls for flexible layouts.

Recording specific user interactions to measure engagement and understand behavior patterns beyond basic pageviews. Track meaningful events like button clicks, video plays, form starts, and scroll milestones. Framer Metrics includes event tracking for comprehensive behavior analysis.

The vertical space allocated to each line of text, affecting readability and overall text block appearance. Proper line height prevents cramped or overly loose text—typically 1.4-1.6 for body copy. Adjust line height proportionally with font size for consistent rhythm.

A CSS property controlling whether an element responds to mouse and touch interactions, useful for making elements click-through or non-interactive. Disable pointer events for decorative overlays that shouldn’t block underlying interactions. Be cautious—removing pointer events can create accessibility issues.

A robots.txt file tells crawlers which URLs they may crawl on your site. It does not directly control indexing; for indexing control, use noindex and related mechanisms. Configure robots rules carefully to avoid blocking important content. See Access your robots.txt file. See How do I prevent specific pages from getting indexed by search engines?.

The proportional relationship between an element's width and height, expressed as a ratio like 16:9 or 4:3. Maintaining consistent aspect ratios prevents layout shifts when images load and ensures visual harmony across different screen sizes. Framer preserves aspect ratios automatically when you resize images proportionally by holding Shift while dragging. See Using images with unique aspect ratios in the CMS.

Structured data added to HTML that helps search engines understand content context and display rich snippets. Schema markup can enhance search listings with ratings, prices, event dates, and more. Implement schema for content types where rich results provide value. See How to change the site name in Framer.

Established usability principles used to evaluate interfaces, such as visibility of system status, error prevention, and user control. Heuristic evaluation helps identify usability problems efficiently without user testing. Apply Nielsen’s 10 heuristics or similar frameworks to audit your designs.

A URL endpoint that receives automated HTTP callbacks when a specific event occurs. Webhooks are commonly used to send form submissions or CMS events to external tools in real time.

Meta’s tracking script used to measure site actions, build custom audiences, and optimize ad campaigns. It is typically installed on pages and configured to send conversion and event data.

Hooks are automation points tied to lifecycle events that let teams enforce checks, trigger scripts, or modify behavior around agent actions.

Automations are recurring or event-based executions that let AI agents perform routine work automatically under predefined instructions.

An agent guardrail is a boundary that prevents unsafe, unwanted, or inconsistent AI behavior during project work.

Agent guardrails can stop destructive edits, prevent duplicate CMS entries, preserve brand rules, or require review before publishing. They are especially useful when agents work across large websites or shared team projects.

An agent trigger is an event or command that starts an automated AI action, such as updating content or checking a project.

Agent triggers can be manual, scheduled, or connected to outside systems. In a website workflow, a trigger might start a content import, run a QA pass, or ask an agent to update CMS entries after source data changes.