{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Homepage", "item": "https://www.wago.com/global" }, { "@type": "ListItem", "position": 2, "name": "The Brand Portal of the WAGO company", "item": "https://www.wago.com/global/brandportal" }, { "@type": "ListItem", "position": 3, "name": "Corporate Design", "item": "https://www.wago.com/global/corporatedesign" }, { "@type": "ListItem", "position": 4, "name": "Interface Design", "item": "https://www.wago.com/global/corporatedesign/interface-design" }, { "@type": "ListItem", "position": 5, "name": "Header", "item": "https://www.wago.com/global/corporatedesign/interface-design/header" } ] } [{"url":"/brandportal","name":"The Brand Portal of the WAGO company","linkClass":null,"categoryCode":null},{"url":"/corporatedesign","name":"Corporate Design","linkClass":null,"categoryCode":null},{"url":"/corporatedesign/interface-design","name":"Interface Design","linkClass":null,"categoryCode":null},{"url":"/corporatedesign/interface-design/header","name":"Header","linkClass":"active","categoryCode":null}]
{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","menuLinksOrdered":[],"type":"Category Stage","dynamicVisibility":true,"cloneable":true,"uuid":"eyJpdGVtSWQiOiJjb21wX2dsb2JhbF8wMDAwRTdLWCIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","ignoreOnTransfer":false,"uid":"comp_global_0000E7KX","modifiedtime":"2025-12-31T23:31:47+0000","children":["eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRjJPVyIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9"],"flat":false,"onlyOneRestrictionMustApply":true,"teaserHeadline":"Introducing a consistent header toolbar to your interface ensures the consistency of all web apps and helps frequent users of WAGO apps to find their way throughout the interface. Core features such as the user profile and search can be integrated within the header as a standard pattern.","contentLink":{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","type":"Link Component","dynamicVisibility":true,"contentPageLabelOrId":"/software-examples","uuid":"eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRjJPVyIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","footersSocial":[],"linkName":" Examples","footers":[],"ignoreOnTransfer":false,"uid":"item_global_0000F2OW","modifiedtime":"2022-05-26T18:40:47+0000","children":[],"onlyOneRestrictionMustApply":true,"selectedCmsFacets":[],"headers":[],"visible":true,"contentPage":"eyJpdGVtSWQiOiJwYWdlX2dsb2JhbF8wMDAwRDBENCIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","wagoColumnComponent":[],"availableLanguages":"AVAILABLE","passepartout":false,"restrictions":[],"footersPayment":[],"navigationNodes":[],"searchable":true,"url":"/corporatedesign/interface-design/design-software-applications/software-examples","typeCode":"CMSLinkComponent","target":"SAMEWINDOW","renderWithEmptyTarget":false,"external":false,"slots":[],"itemtype":"CMSLinkComponent","restricted":false,"name":"CMSLinkComponent","synchronizationBlocked":false,"containers":[],"creationtime":"2022-05-26T18:40:47+0000","navigationList":[],"actions":[],"headersUserMenu":[],"parents":[]},"headline":"Header ","image":{"code":"WAGO-web-interfaces-navigation-2.jpg","altText":"WAGO-web-interfaces-navigation-2.jpg","imageFormats":[{"imageType":null,"format":"2000","url":"/medias/2000-WAGO-web-interfaces-navigation-2.jpg?context=bWFzdGVyfGltYWdlc3w0MzAzM3xpbWFnZS9qcGVnfGFHSTRMMmd5WWk4eE16RTVNemd6T0RJNU56RXhPQzh5TURBd1gxZEJSMDh0ZDJWaUxXbHVkR1Z5Wm1GalpYTXRibUYyYVdkaGRHbHZiaTB5TG1wd1p3fDg1MmMzYmU3NmEzMDk3MDQ1NWY5NTIzMjljMjM2MzkzOTYzZDlkNmI1YjU3ODhmYjkzNGQwNGZhN2Y3NDJkODg","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1600","url":"/medias/1600-WAGO-web-interfaces-navigation-2.jpg?context=bWFzdGVyfGltYWdlc3wyOTY1OHxpbWFnZS9qcGVnfGFHRXhMMmc1TkM4eE16RTVNemd6T1RJeE5EWXlNaTh4TmpBd1gxZEJSMDh0ZDJWaUxXbHVkR1Z5Wm1GalpYTXRibUYyYVdkaGRHbHZiaTB5TG1wd1p3fDQ2MzZlMjEwZDU3M2FhMTZmY2E1ZWM0YmU0OGFiNjk5YzJmZDFmZjNhNDAxNWI3MTFhNDI4MDViOWY0ZmIxMGE","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1280","url":"/medias/1280-WAGO-web-interfaces-navigation-2.jpg?context=bWFzdGVyfGltYWdlc3wyMDg0MXxpbWFnZS9qcGVnfGFEZzRMMmd6TWk4eE16RTVNemd6T0RRNU16Y3lOaTh4TWpnd1gxZEJSMDh0ZDJWaUxXbHVkR1Z5Wm1GalpYTXRibUYyYVdkaGRHbHZiaTB5TG1wd1p3fDIxZjE0NGIxMDgyZTc1M2NmYThjZmY0ZDNhZTBkZjRlMTg3YWM4OThiZWExNTAwZGJjZDUwMDMzYzg2Yjk1Y2M","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1024","url":"/medias/1024-WAGO-web-interfaces-navigation-2.jpg?context=bWFzdGVyfGltYWdlc3wxMzY2M3xpbWFnZS9qcGVnfGFEZzJMMmd6TlM4eE16RTVNemd6T0RVMU9USTJNaTh4TURJMFgxZEJSMDh0ZDJWaUxXbHVkR1Z5Wm1GalpYTXRibUYyYVdkaGRHbHZiaTB5TG1wd1p3fDFhNTdiOTlmMjgzNjhhNGY2YTRlODZlYWQ3ZTg4MmQzMzI0YzM5ZDQwNWEwMzhhYzFjMTNlNTk2ZTMxMDMyNjY","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"768","url":"/medias/768-WAGO-web-interfaces-navigation-2.jpg?context=bWFzdGVyfGltYWdlc3w4OTE2fGltYWdlL2pwZWd8YURVNUwyZ3pPUzh4TXpFNU16Z3pPRFk1TURNek5DODNOamhmVjBGSFR5MTNaV0l0YVc1MFpYSm1ZV05sY3kxdVlYWnBaMkYwYVc5dUxUSXVhbkJufGViODBkOWQ1Zjc3Yzc2NjQ5NmVhZWM2N2NjYzBmNjA0MzVlMGMxM2VjYTZjYjc3ZTY2MGJmM2I2YWUyZWQxM2Y","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"480","url":"/medias/480-WAGO-web-interfaces-navigation-2.jpg?context=bWFzdGVyfGltYWdlc3w0MTY0fGltYWdlL2pwZWd8YURVMkwyZ3pZeTh4TXpFNU16Z3pPRGMxTlRnM01DODBPREJmVjBGSFR5MTNaV0l0YVc1MFpYSm1ZV05sY3kxdVlYWnBaMkYwYVc5dUxUSXVhbkJufDEwYjE5MzM2OWE0NWU2NTg4NDdjMTA4YjBmNzA5MmRhOThhNmNmZTg4YzYzZThhY2Q5YjQ5ZGFiZGYzNzBjMTI","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"200","url":"/medias/200-WAGO-web-interfaces-navigation-2.jpg?context=bWFzdGVyfGltYWdlc3w2MzV8aW1hZ2UvanBlZ3xhRGt5TDJnNFpTOHhNekU1TXpnek9UQTRNelUxTUM4eU1EQmZWMEZIVHkxM1pXSXRhVzUwWlhKbVlXTmxjeTF1WVhacFoyRjBhVzl1TFRJdWFuQm58NzUwN2IzOTQ5YjU4ODIxNzhjZWY0ZjNmYzY3MGY5YWRlZTUwNTI1ZWU2MThjZjE4YWU3YWM4ZDdkZmY3NTQ3NQ","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null}],"description":"WAGO-web-interfaces-navigation-2.jpg"},"lastLoad":1767223907678,"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","productLinkOverrideType":"PRODUCT","passepartout":false,"restrictions":[],"contentLinkOverrideType":"CONTENT","searchable":true,"typeCode":"WagoCategoryStageComponent","slots":["eyJpdGVtSWQiOiJjc19nbG9iYWxfMDAwMERBRUsiLCJjYXRhbG9nSWQiOiJnbG9iYWwtd2Fnb0NvbnRlbnRDYXRhbG9nIiwiY2F0YWxvZ1ZlcnNpb24iOiJPbmxpbmUifQ=="],"textboxOpacity":0,"itemtype":"WagoCategoryStageComponent","restricted":false,"name":"WagoCategoryStageComponent","synchronizationBlocked":false,"containers":[],"creationtime":"2022-03-30T10:24:43+0000","actions":[],"parents":[]}

More

Color

Typography

textstyle_overview_2000x1125-6.jpg

Icons

Design styles at Figma library

You can find the (css) details all our components in our corporate account in Figma. The core library contains our basic, general elements. A separate library is available for web applications and our website. Please login to Figma, if you want to see the libraries. The libraries are unlocked for all registered members with a wago.com email address.

Additional service offerings: