The smallest unit of a digital display, a single point of color that combines with millions of others to form images. Understanding pixel dimensions helps you provide appropriate image sizes for different devices. Retina displays pack more pixels into the same space, requiring higher-resolution images for sharp display.

Software application used to access and display websites, including Chrome, Safari, Firefox, and Edge, each with slightly different rendering behaviors. Cross-browser compatibility ensures your site works correctly for all visitors regardless of their browser choice. Framer generates clean, standards-compliant code that renders consistently across modern browsers.

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 number of pixels displayed on screen, typically expressed as width by height, affecting image sharpness and detail. Higher resolution requires appropriately sized assets to appear crisp. Design with resolution independence in mind using vector graphics where possible.

Pixels Per Inch—a measure of screen resolution indicating pixel density, with higher values producing sharper displays. Understanding PPI helps prepare appropriate image resolutions for different device types. Design at 1x and provide 2x assets for retina and high-DPI screens.