A demo of mode uncapped — content runs edge to edge with no width cap and no page padding, for full-bleed landing-page graphics.
What you’re looking at
This page sets mode: uncapped. Like full it hides both the nav
and the TOC — but it goes further: it also removes the content’s max-width and
the page’s padding, and drops the breadcrumb / page-action bar that would otherwise
sit above the hero. That’s why the hero and the colored band above run corner to
corner, with no gutter on either side. The page-feedback widgets at the bottom are
the one exception: they keep the 1100px cap so they stay readable.
Because there’s no padding, you own the spacing inside an uncapped page. The
bands above set their own padding; this explanatory section is wrapped in a
centered container with its own max-width and padding so the prose stays
readable. Mix full-bleed sections with contained ones however your design needs.
When to use it
- Landing and marketing pages with full-width hero imagery or video.
- Dashboards or visualizations that should fill every available pixel.
- Any page where the content is the graphic, edge to edge.
For a chromeless page that still keeps a readable, centered text column, reach for
full instead.