Navigation

Top bar plus persistent sidebar, with the same destinations rendered into a drawer below lg.

Header, search and a collapsible section tree that becomes an in-flow outline on mobile.

A title page: rule, eyebrow, oversized serif statement, standfirst at the reading measure.

A wide three-column panel with a promoted card, built as a disclosure rather than an ARIA menu.

Wordmark, four links, one action — with an in-flow mobile disclosure rather than a drawer.

Brand statement plus three labelled navigation groups, each its own landmark.

Announcement pill, centred headline, paired actions and a three-item objection-handling row.

Product dropdown, flat secondary links, and a separated sign-in / sign-up pair.

An oversized invitation, two office addresses, and a short studio link row on an inverted field.

A statement of practice, a capability list, and the client roster immediately below.

Breadcrumb, title with record count, an action cluster that collapses to icons, and view tabs.

Three equal grid tracks keep the link group optically centred whatever the brand or actions weigh.

Eyebrow, title, one paragraph and a rule — constrained to the prose measure.

An icon rail that expands to labels — and re-labels itself with tooltips when collapsed.

Almost no chrome — a brand, a visible ⌘K affordance, and a palette that is the real navigation.

Previous/next cards with rel hints, plus edit and report links.

Breadcrumb, title, stability badge, summary and a metadata rule carrying version and reading time.

A four-point reassurance strip above shop, help and account columns.

A seasonal statement over an inverted field, with the category rail directly beneath.

Announcement bar, category rail, search, account and a bag whose count is in the accessible name.

A colophon: what the publication is, who makes it, and how it is set.

A publication masthead: oversized serif wordmark, issue line, and a scrolling section rail.

Two equal-weight actions and an assurance panel carrying compliance facts.

Six columns plus a status, version and locale strip.

One row: mark, statement, three links.

A bottom tab bar with safe-area padding, promoted to a horizontal top bar at md.

Three tiers — product bar, breadcrumb bar and a nested tree — answering "where am I" twice.

A validated subscribe form as the footer’s primary content, with an honest success message.

Name, practice, location and availability — with availability as a Status, not a badge.

Version chip, product name, one-line promise, one action, and a three-figure fact strip.

A workspace switcher in the leading position, because it changes the meaning of everything after it.

Product and resource columns, a legal row, and a live system-status link.

A large search field with seeded suggestions and live, announced results.

Copy on the left, a real component composition on the right — not a screenshot.

Two link groups flanking a centred brand, for products with a real product/resources divide.

A closing call to action folded into the footer, above a deliberately short link row.

A direct claim, one action, and social proof built from faces rather than logos.

A navbar with no background of its own, inheriting inverted ink from the hero beneath it.