Boxed Site Layout
Frame your entire website inside a boxed layout and turn the surrounding background into part of the design with an image or video.
Usually layouts expand across the full viewport width. With the boxed site layout, the whole page is framed inside a container, giving your website a more editorial and focused appearance.
The area around the boxed page becomes part of the design. Add top and bottom margins, and style the surrounding background with a gradient, an image or even a video. Enhance them further with background effects like color overlays, gradients, scroll effects and parallax animations.
The navbar stays within the page container by default, but you can also place it outside the boxed layout. Depending on its position, the navbar can become sticky within the container or across the whole page. You can even make an outside header transparent, so it blends seamlessly with the page background.
This creates a distinct, framed website layout where the page container, background and header work together as one cohesive design.
