Components

The bar’s brand

The mark and the site’s name as one button: the site’s own pages, then every OpenVibe site.

In review for the next Shared release (4.201.0) · the archive · Every Shared release · The rules

The specimen

The part is in review for the next Shared release; the specimen is here so the design can be seen.

Pages on OpenVibe.Design

See Make Rules Use All OpenVibe sites

The mark and the name are one button, and the chevron says it opens. Its list starts with this site's pages; All OpenVibe sites at the end opens the menu past them to every site. The menu button keeps its own place at the right of the bar.

What shipped

The one button for the mark and the name is in review for the next Shared release. Until 4.200.0 the left end was a link plus a separate switcher button; the bar’s right end already holds the menu button on every width.

“Make it so this whole thing becomes the drop down, not … two separate buttons … one drop down so it’s less confusing … the view all sites button … improve the sizing.” — the owner, 2026-11-10 (ask 347)

The rules it carries out

30 One menu button on every site.40 The menu button is at the right end of the bar on every width.41 The site's name in the bar opens that site's pages, Home first.94 A site's name opens its pages, and a way to every site.

Build it

// openvibe-shared/navbar.js: one button, its list, then every site
<button type="button" class="ovnav-brand" id="openvibe-brand-btn"
        aria-haspopup="menu" aria-expanded="false">
  <span class="flame"><span class="ov-mark" data-size="42" data-wide></span></span>
  <span class="name">OpenVibe<span class="b-dot">.</span>Design</span>
</button>
// OVDrop.pages(button, navLinks, navIcon, { label: 'All OpenVibe sites', onClick: openSwitcher })