Whitespace
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.
Padding
Layout
The space inside an element, between its content and border. Padding improves readability and visual balance by creating internal breathing room. Consistent padding values help maintain a coherent design system.
Minification
Performance
The process of removing unnecessary characters from code—whitespace, comments, line breaks—to reduce file size. Minification speeds up loading without changing functionality, typically applied to CSS and JavaScript. Framer automatically minifies code for production deployment.
Negative Space
Design
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.
Skeuomorphism
Design
A design approach where digital interfaces mimic real-world objects with realistic textures, shadows, and materials. Skeuomorphism provides familiar metaphors but has largely given way to flatter design styles. Some skeuomorphic elements persist where real-world familiarity aids understanding.