Dark mode
SearchMenü
GlobalFormAccordionAuthorMetaAvatarBannerButtonButtonLinkBreadcrumbCaptionCardActionCardCoreCarouselContentBlockDrawerDividerFilterTagsHeadingIcon ContentIconDisplayIcon UIInlineLinkLinkLinkButtonListIconListLinkLogoLogoItemMetricOverlinePaginationPatternPopoverQuoteSkeletonSkrimTableTabsTagTagLineText
NavigationBarUnopinionated navigation frame covering desktop and mobile compositions, a custom logo override, and an interactive menu trigger.
Available components
Desktop navigation (resize the window)
Light
StörungenSucheGlobal | DE
Menü
Menü
Dark
StörungenSucheGlobal | DE
Menü
Menü
Background transparency & blur (over an image)
Light

1. Energie neu denken

2. Netze zukunftssicher machen

3. Strom, der einfach da ist

4. Gemeinsam elektrisieren

StörungenSucheGlobal | DE
Menü
Menü
Dark

1. Energie neu denken

2. Netze zukunftssicher machen

3. Strom, der einfach da ist

4. Gemeinsam elektrisieren

StörungenSucheGlobal | DE
Menü
Menü
Mobile navigation
Light
Menü
Dark
Menü
Collapsing utilities: Suche & Sprache move into the Menü flyout (resize the window)
Light
SucheSprache | DE
Menü
Dark
SucheSprache | DE
Menü
Custom logo override (wide partner/campaign logo)
Light
BKW Partner CampaignMenü
Dark
BKW Partner CampaignMenü
Interactive: Menü reflects open state
Light
Menü
Dark
Menü
About this exampleBKW Design System50 ComponentsReusable components ready to build with today.
InstagramFacebookBKWPress Releasesmuse caseStrichpunktcampfire