WEB DESIGN PRACTICES GUIDELINES
In order to guarantee maximum deliverability and consistency of design across mobile and desktop platforms, the following guidelines should be upheld during the web design process.
1
Design for a maximum browser width of 1920px, but keep critical content within a 1200px breakpoint. Image backgrounds and non-critical items can reside outside of the 1200px breakpoint, but copy/ video, and key imagery should be kept inside the breakpoint as to display gracefully on tablet and mobile devices.
2
User overlapping elements purposefully. Though overlapping elements on a web page brings a sense of depth, only overlap elements when it adds to the design to avoid bad UI on smaller screens such as laptops and tablets.
