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.