Aspect Ratio
A container that maintains a specified width-to-height ratio for its content.
16:9 Ratio
The standard widescreen ratio, commonly used for video content.
1:1 Ratio (Square)
Perfect square ratio, ideal for profile pictures and thumbnails.
4:3 Ratio
Classic television and photography aspect ratio.
21:9 Ratio (Ultrawide)
Cinematic ultrawide ratio for banner images and hero sections.
3:2 Ratio
Standard 35mm photography ratio, commonly used for image galleries.
9:16 Ratio (Portrait)
Vertical video format used for mobile content and stories.
Image Grid
Using aspect ratio to create a consistent image gallery.
Card with Image
A common use case for embedding images with consistent sizing in cards.
Guide
5 min readBuilding a calm, consistent UI
A practical checklist for layered radii, subtle borders, and typography that stays crisp at any scale.
CL
Clarity Team
Updated Jan 2026