This page is built on Orbit's left-sidebar layout: a four-column rail and an eight-column reading area on desktop, collapsing to a single stack on phones. The rail is the first thing a desktop visitor scans past and the last thing a mobile visitor reaches — Bootstrap's order utilities push the article ahead of the rail once the columns stack, so small screens always lead with the content itself.

Reach for this arrangement when the rail is doing navigation work: documentation with a section tree, a project archive with filters, a blog organized by category. A visitor who arrives from search gets the article immediately; a visitor who's browsing gets the map in the same glance.

The rail is furniture, not the room — it should orient people, never compete with the page they came to read.

Keep rail widgets short and scannable: a heading, a sentence of context, a tight list of links, one button. If a widget grows past that, it probably wants to be a page of its own. The two widgets on this page show the pattern at its natural size — swap their contents freely; the layout doesn't care.

Every layout in this set shares the same chrome — header, quote banner, contact block, and footer are identical across all five pages — so you can mix arrangements page-by-page without the site feeling stitched together. Compare this page with its mirror image and the double-rail version using the buttons in the rail.