A mathematically defined curve used in vector graphics and animation, controlled by anchor points and handles that determine its shape. Understanding bezier curves helps create smooth, natural-feeling animations and custom easing functions. Framer’s animation curves use bezier mathematics to control the acceleration and deceleration of motion.

A layout system that divides space into rows and columns, creating alignment and structure for content placement. Grid systems ensure visual consistency and make responsive design more predictable. Framer supports CSS Grid concepts through layout tools that adapt columns and gaps across breakpoints.

The relative size of elements in relation to each other and the overall design, establishing hierarchy and emphasis. Scale creates visual drama—dramatically larger elements command attention while smaller ones recede. Consider how scale relationships change across breakpoints in responsive designs.

Evidence of others’ positive experiences—testimonials, reviews, user counts, client logos—that builds trust with visitors. Social proof leverages psychological tendencies to follow others’ behavior. Display social proof prominently, especially near conversion points.

A quote or endorsement from a satisfied customer providing social proof and building trust with potential customers. Effective testimonials are specific, relatable, and include identifying details like names and companies. Display testimonials prominently near decision points.

The path a user takes through your website to accomplish a goal, from entry to completion. Mapping user flows reveals friction points and optimization opportunities. Design flows that minimize steps while providing necessary information at each stage.

A visualization of the steps a user takes to accomplish a goal, revealing opportunities and pain points. Mapping user journeys helps optimize flows and identify where users struggle. Design journeys that minimize friction while providing necessary information.

The positioning of elements relative to each other or a container to create visual order and clarity. Strong alignment improves scanability and perceived quality. In Framer, layoutauto layout and constraints help maintain consistent alignment across breakpoints.

A DNS record that points one hostname to another hostname instead of an IP address. CNAME records are commonly used to connect subdomains to hosted platforms like Framer.

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

Human-in-the-loop is an operating model where people validate, correct, or approve AI outputs before final execution.

A Customer Journey maps each step a user takes across touchpoints before, during, and after conversion to identify friction and improve experience.

A Logo is a unique symbol, wordmark, or combination mark used to identify and differentiate a brand across touchpoints.

A Vector is a scalable graphic format built from mathematical paths instead of pixels, enabling crisp rendering at any size.

Segment Anything Model (SAM) produces masks from points, boxes, or text-like prompts for rapid object selection. It underpins modern Image Segmentation workflows and improves control in Reference Image editing.

A step beyond code completion, agentic coding lets an AI agent take multi-step actions—reading files, running tests, fixing errors, and committing changes—with the developer reviewing at checkpoints rather than writing every instruction. Tools like Claude Code and Cursor’s Composer operate in this mode. Agentic coding accelerates complex tasks but requires clear goals, sandboxing, and human review to avoid unintended side effects.

A responsive pass is a focused review and adjustment of layouts, spacing, type, and media across tablet and phone breakpoints.

In AI-assisted website creation, responsive pass helps teams move faster without losing control of structure, content, performance, or editable design details.

A bento grid in Framer helps present product features, media, and proof points in a structured but expressive layout, using cards that can span different rows or columns.