The CSS property that rounds the corners of an element, measured in pixels or percentages. Border radius transforms harsh rectangles into friendlier, more organic shapes—from subtle rounding to perfect circles. Framer provides individual corner controls for asymmetric rounding and variables to maintain consistent corner radii across your design system.

The small icon displayed in browser tabs, bookmarks, and mobile home screens, typically 16x16 or 32x32 pixels. A distinctive favicon helps users identify your site among many open tabs and reinforces brand recognition. Upload favicons in Framer's site settings—consider how your icon reads at very small sizes.

A protocol that controls how pages appear when shared on social platforms like Facebook, Twitter, and LinkedIn. Open Graph tags specify titles, descriptions, and images for consistent, attractive social shares SEO settings with compelling images sized 1200x630 pixels.

Scalable Vector Graphics—an image format using mathematical paths instead of pixels, staying crisp at any size. SVGs are perfect for logos, icons, and illustrations that need to scale across different screen sizes and densities. Framer supports SVG import and handles them optimally for web delivery.

The horizontal measurement of an element, definable as fixed pixels, percentages, or content-based sizing. Responsive designs often use percentage or max-width rather than fixed widths for flexibility. Framer's sizing controls support fixed, relative, and content-based width options.

High-resolution screens with twice or more the standard pixel density, displaying sharper text and images. Retina displays require higher resolution images—typically 2x the displayed size—to appear crisp. Framer automatically serves appropriate image sizes for different display densities.