Blocks

Classic top navbar with centered links, a dropdown, and dual call-to-action buttons. Collapses into a slide-in sheet on mobile.

Minimal top navbar with centered links, a dropdown, and a single primary action. Collapses into a slide-in sheet on mobile.

Navbar with a full-width mega menu: two grouped link columns plus a featured-articles panel. Mobile menu uses an expandable sheet.

Navbar with a mega menu laid out as a two-column grid of icon, title, and description items. Mobile menu uses an expandable sheet.

Compact navbar with a two-group mega menu and a footer call-to-action row inside the panel. Mobile menu uses an expandable sheet.

Floating pill navbar that detaches from the top edge, with centered links, a dropdown, and dual actions. Collapses into a sheet on mobile.

Collapsible sidebar shell with workspace switcher, nav groups, and user footer. Ctrl/Cmd-B toggles it.

Newsletter footer: signup form beside two link columns and a social 'Follow Us' list, with a legal bar underneath.

Wide sitemap footer: newsletter row on top, logo beside five link columns, then a legal bar with social icons.

Boxed footer: logo, three link columns and a subscribe form inside a bordered card, with the legal bar outside it.

Call-to-action footer: headline, blurb and two buttons on the left, two link columns and social icons on the right, inside a bordered card.

Large sitemap footer: headline with two buttons, six link columns, and a logo row with an overlapping avatar stack.

Contact footer: address, phone and email beside two link columns, closing on an oversized company wordmark.

Newsletter footer with an oversized company wordmark: signup form, two link columns and a social list above the brand statement.

Minimal footer: logo with a single row of links, a subscribe form, and an oversized company wordmark above the legal bar.