Aspect Ratio
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.
Color Contrast
Accessibility
The difference in luminance between foreground and background colors, critical for text readability and accessibility. WCAG guidelines require minimum contrast ratios of 4.5:1 for normal text and 3:1 for large text. Use contrast checking tools to ensure your color combinations are accessible to users with visual impairments. See Understanding contrast ratio.
Thumbnail
Media
A small preview image representing larger content, commonly used in galleries, lists, and navigation. Thumbnails help users identify content quickly without loading full-size media. Size thumbnails appropriately and use consistent aspect ratios.
Golden Ratio
Design
A mathematical proportion of approximately 1:1.618 found throughout nature and art, often used to create aesthetically pleasing layouts. The golden ratio can guide element sizing, spacing, and composition decisions. While not a strict rule, it provides a starting point for harmonious proportions.