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.

When a visitor completes a desired action, such as signing up, making a purchase, or filling out a contact form. Conversion rate—the percentage of visitors who convert—is a key success metric for most websites. Track conversions in Framer Metrics and use A/B testing to systematically improve your conversion rates.

A visual element displaying photographs, graphics, or illustrations that communicates information or creates visual interest. Optimize images for web delivery with appropriate formats, compression, and sizing for fast loading. Framer automatically optimizes uploaded images for optimal performance.

Related AI terms: Generative Fill and Image Segmentation.

The transparency level of an element, ranging from 0% (invisible) to 100% (fully opaque). Reduce opacity to create overlays, de-emphasize secondary content, or build layered visual effects. Animate opacity for smooth fade-in and fade-out transitions.

A color transition radiating from a center point outward in a circular or elliptical pattern. Radial gradients create depth, spotlight effects, and organic backgrounds. Combine with other fills and blend modes for sophisticated visual effects.

A transform that spins an element around a center point by a specified angle measured in degrees. Rotation adds dynamism and visual interest to layouts and interactions. Combine rotation with other transforms for complex motion sequences.

Empty space in a design that provides visual breathing room and separation between elements. Whitespace improves readability, focus, and perceived quality of designs. Resist filling every available space—whitespace is an active design element.

A measurement of how far down a page users scroll, indicating content engagement and page length effectiveness. Low scroll depth may indicate content problems or fulfilled user intent at the top. Track scroll depth to optimize content placement and page structure.

Removing or replacing branding so products or services can be resold under another brand name. White label options help agencies deliver branded client experiences. Framer's business plans include white label options.

The empty area around and between design elements that gives content room to breathe and creates visual clarity. Negative space, or white space, is an active design element that improves focus and comprehension. Resist filling every available space—negative space makes designs feel premium.

Generative Fill replaces or creates content inside selected areas while matching surrounding context. It often depends on accurate Image Segmentation and pairs with Generative Expand for broader canvas edits.

Generative Expand increases image boundaries and predicts plausible continuation beyond original edges. It is commonly used alongside Generative Fill in broader Text-to-Image Generation workflows.

Image Segmentation partitions an image into labeled regions to isolate objects or areas for editing. It is core to Segment Anything Model (SAM) workflows and precision operations like Generative Fill.