Mobile First
A design approach that starts with the mobile experience and progressively enhances for larger screens. Mobile-first forces prioritization and ensures the smallest screens get the best experience, not a squeezed afterthought. This approach often results in cleaner, more focused designs at all screen sizes.
Favicon
SEO
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.
Viewport
Responsive
The visible area of a web page within the browser window, which varies by device and window size. Viewport dimensions determine breakpoint behavior and affect what's visible without scrolling. The viewport meta tag ensures proper scaling on mobile devices.
Mobile Responsive
Responsive
Design that adapts fluidly to mobile screen sizes through flexible layouts, scaled typography, and touch-friendly interactions. Mobile responsiveness is essential as mobile traffic often exceeds desktop. Test designs on actual devices to catch issues emulators miss.
Sticky Navigation
Layout
A navigation bar that remains fixed at the top of the viewport as users scroll down the page. Sticky navigation keeps primary actions accessible without scrolling back up. Ensure sticky elements don't consume too much screen space on mobile.