Inloggen Account aanvragen

Navigatiebalk

De navigatiebalk vormt samen met het logo een herkenbaar onderdeel in Rijkshuisstijl websites. De navigatiebalk heeft een communicatiekleur en bij voorkeur een hoogte van 70 pixels. In de balk kan bijvoorbeeld een titel, navigatieonderdelen, een zoekfunctie of inlog komen te staan.

Navigatiebalk met tabnavigatie

Voorbeeld navigatiebalk met tabjes en zoekfunctie op desktop

Voorbeeld van een navigatiebalk in geel met tabjes en zoekfunctie. Hier is 'Home'-tab geselecteerd.

Voorbeeld navigatiebalk met titel, tabjes en zoekfunctie

Voorbeeld van een navigatiebalk in geel met een titel van de website, tabjes en zoekfunctie. De naam van de site 'Steunpunt Economische Expertise' is tevens de tabbutton voor deĀ  homepage.

Voorbeeld navigatiebalk met tabjes en zoekfunctie op mobiel

De tabnavigatie wordt op mobiel gereduceerd tot klikbare icoontjes. Zo is er een icoon voor de homepage, voor de zoekfunctie en er is een 'hamburger'-icoon dat toegang geeft tot het hoofdmenu.

Navigatiebalk met kruimelpadnavigatie

Voorbeeld navigatiebalk met titel, kruimelpadnavigatie en zoekfunctie op desktop

Voorbeeld van een navigatiebalk in paars met de titel van de website als homepage, kruimelpadnavigatie en een zoekfunctie. De navigatiebalk wordt hoger naarmate een kruimelpad over meerdere regels loopt.

Voorbeeld navigatiebalk met kruimelpadnavigatie en zoekfunctie op desktop

Voorbeeld van een navigatiebalk in donkerblauw met kruimelpadnavigatie en zoekfunctie. De onderdelen in het kruimelpad zijn klikbaar.

Voorbeeld navigatiebalk met kruimelpadnavigatie en zoekfunctie op mobiel

Het kruimelpad loopt op mobiel over meerdere regels. Dit voorbeeld laat onder het kruimelpad een uitgeklapt zoekvenster zien.

Navigatiebalk met homebutton en hamburgermenu

Voorbeeld navigatiebalk met home, hamburgermenu, inlog en zoekfunctie op desktop

Voorbeeld van een navigatiebalk in mintgroen met een homebutton en een hamburgermenu aan de linkerkant, en een inlogfunctie en een zoekfunctie aan de rechterkant. Hier worden icoontjes met tekst gecombineerd.

Voorbeeld navigatiebalk met home, hamburgermenu, inlog en zoekfunctie op mobiel

Op mobiel worden in de navigatiebalk alleen de icoontjes voor homepage, menu, inloggen en zoeken getoond.