mode: uncapped
Edge to edge
This hero reaches both edges of the viewport — no content width cap, no page padding. Ideal for landing pages and full-width graphics.
No max-width
No side padding
No sidebars
## What you're looking at
[↑ All layout modes](/modes/)
This page sets `mode: uncapped`. Like [`full`](/modes/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. That's why the hero and the colored band above run corner to
corner, with no gutter on either side.
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`](/modes/full/) instead.