Layout

Definition

Layout is the arrangement, sizing, and spacing of visual elements to create relationships, hierarchy, consistency, and usability across user interfaces. It serves as the foundation for guiding users' attention and facilitating interaction within a design.

Usage

Firefox layouts are adapted for the various ways our users interact with browsing the web. On mobile, layouts often prioritize simplicity and touch interactions, while desktop layouts may leverage larger-screen real estate for more complex arrangements.

Our layout scales vary across Desktop, iOS, and Android. Therefore, refer to their respective sections for guidelines on how to use them.

Change log