Bold TabBar is designed for apps that want a visible, structuring navigation that is fully integrated into their visual identity. With its distinct tab, its strongly highlighted selected element, and its "More" menu as a natural extension of the tabBar, this layout gives navigation a real visual role.
Among the three launch layouts of the new generation of TabBar, Bold TabBar is the one that most clearly embraces its presence in the interface.
Here, navigation does not try to fade into the background. It frames the screen, establishes a clear visual hierarchy, and fully participates in the app's style. This layout is particularly well-suited to content-rich or strong-identity apps where navigation needs to be visible, readable, and engaging.
A distinct element to highlight a key access point
Bold TabBar allows you to integrate a distinct element — an access point that is visually separated from the rest of the bar.
This logic mirrors the recent evolution of Apple's tab bars, where certain key access points, notably Search, can be presented as a visually distinct tab to remain immediately accessible and easier to identify.
In GoodBarber, this distinct element lets you highlight an important section, a priority entry point, or a particular access point without cluttering the reading of the main navigation. Visually, it finds its place in the composition and reinforces the idea of a more expressive TabBar.
This is a key strength of the layout: navigation can organise its access points in a much clearer hierarchy while remaining cohesive.
A strongly highlighted selection
The principle of Bold TabBar is simple: the selected element is immediately visible.
This emphasis is achieved through a solid background that clearly highlights the active tab. The user can instantly see where they are, while the navigation gains in visual impact. This treatment works particularly well in interfaces that seek a clear hierarchy and a stronger graphic presence.
The result is very direct: the TabBar does not merely align icons or labels. It structures the reading of the screen and gives more weight to the active state.
A "More" menu that naturally extends the tabBar, on mobile and desktop
Another important contribution of this layout: the "More" menu. The "More" menu provides access to sections not visible in the TabBar, while preserving clear and balanced navigation.
Here, it does not resemble a generic panel added alongside the navigation. On the contrary, it adopts the visual codes of the bar and follows its design parameters. Shapes, general style, level of presence: the "More" menu remains within the same visual language as the TabBar.
On desktop, this logic makes even more sense. Navigation becomes vertical, and the "More" menu extends in its continuity. The whole gives the impression of a single, cohesive, well-designed component rather than an assembly of separate elements. This continuity is especially apparent when the "More" menu opens, with an animation that naturally accompanies the retraction of the tabBar and extends the movement of the component.
Effects and animations
Bold TabBar does not rely solely on its visual structure. It also stands out for the quality of its effects and animations.
When the selected item uses a background colour, the transition gains in richness with a very fluid selection animation that accompanies the shift of the active state and reinforces the readability of the navigation.
Added to this are haptic effects, which give more substance to interactions and contribute to the impression of a premium, responsive, and polished component.
A layout designed for apps that want to own their navigation
Bold TabBar is designed for apps that want to make navigation a strong element of their interface.
Brand apps, editorial universes, lifestyle projects, event apps, certain e-commerce or premium contexts: wherever navigation must actively participate in the product's identity, this layout provides a clear answer.
More prominent, more structuring, and more expressive, Bold TabBar lets you establish a strong visual framework, better highlight the active state, naturally integrate a distinct tab, and extend the quality of the component all the way to the "More" menu and its animations.
For apps that want visible, cohesive, and well-designed navigation, this is a particularly solid foundation.