The landing template

The same element, without a rail. A marketing page scrolls as one document, so the shell keeps a sticky translucent header, the hero, the sections the page writes itself, and a large footer — and gives the height back to the page.

The markup

Nothing changes but the class and the slots the page fills: the brand and the navigation move to the top bar, and the hero is what makes room for itself above the content.

What it shows

• the sticky header, blurred over the page it lets through
• the hero, and the sections built from the Simple CSS landing parts — .features, .steps, .pricing
• the footer, on the ink ground the design system shares with the hero

Tags