Boxed Layout
Boxed Layout — App shell
constrained to 1440px, centred with page background
What is the Boxed layout?
The entire application shell (sidebar + content) is constrained to a maximum width of 1440px and centred in the browser viewport. On wide monitors, a decorative page background is visible on both sides of the box. This gives a "contained" feel similar to how many magazine-style websites or enterprise tools present themselves on ultrawide screens.
Modifier:
data-layout="boxed"
on <html>
Shell max-width: 1440px centred with
margin: 0 auto
Content max-width: 1100px (tighter than
default 1440px)
Page background: Visible outside the box
—
#dde1ea with subtle gradient blobs
$284K
Total Revenue
1,842
Customers
5,219
Orders
3.42%
Conversion
Boxed vs Fluid vs Default
Content width comparison across content-width variants at a 1920px viewport.
Default (1440px content, sidebar 260px)
Boxed (1100px content, sidebar 260px)
Fluid (no max-width)
All Layout Variants
Browse the full layout collection.