Nav & Footer Pairings
Five complete header-and-footer sets, each a different structural temperament — from the dependable column footer to a full-drawer editorial system. Every pairing is shown bookending a framed page so the nav and footer read as one coherent shell.
Considered work for clients who notice the details.
A dependable top bar pairs with a structured footer — the layout most visitors already know how to read.
Quiet confidence, evenly balanced on both sides of the mark.
For boutique brands where symmetry signals care. The footer stays out of the way.
A spare top line that hands the storytelling to a full-screen menu.
Open the drawer to see the navigation take over. The footer below carries the heavy lifting.
↓ Scroll this panel — the utility strip stays pinned
Hours, phone and rating, always within reach.
Service businesses live or die on a visible phone number. This utility strip pins to the top of the panel while everything else scrolls beneath it.
When the offer is the hero, give it room to breathe.
Click “Services” above to drop the mega-menu. Below, a full-bleed footer ends the page on a single, loud invitation.
Northcote & Co. · sample content · Design Lab